使用RxJs碰到的问题，如何防止重复订阅？

Question

使用的框架是:Angular2

我在两个组件ArticleListComponent和ArticleListFilterComponent，使用服务Service进行组件通信，定义了一个SearchService，用来响应ArticleListFilterComponent的变化，来更新ArticleListComponent的列表。

在ArticleListComponent的ngOnInit方法，添加如下代码，添加观察者来监控搜索过滤器的变化。

this.searchService.searchChange$.subscribe(    change => {        for (let key in change) {            
        this.filter[key] = change[key];
        }        //搜索的时候, 重置页数
        this.getArticles(true);
    }
);

但是有一个问题，在Angular2中Service是单例的，在每次我路由跳转到ArticleListComponent组件，会调用ngOnInit方法，导致会添加很多重复的订阅者。

有没有什么方法，能够清空订阅者，或者保持只有当前一个订阅者？

查了RxJs的文档，但没看到类似方法。不知道大神们有什么解决方法吗？谢谢大家。

Answer 1

component destroy 的时候 unsubscribe 啊