typescript - angular2 - 路径改变时终止可观察间隔的最佳方式

Question

我使用一个可观察的时间间隔在某个组件中每五秒执行一次某个函数，与我的路由配置中的路径相关。

Observable.interval(5000).subscribe(res => {
    // Something happens here
});

但是我想在路径改变时终止间隔。现在它只是继续执行任务...

执行此操作的最佳方法是什么？

Answer 1

在这种情况下，您可以取消订阅(订阅方法的返回对象):

var subscription = Observable.interval(5000).subscribe(res => {
    // Something happens here
});

// to be called when the route changes
subscription.unsubscribe();

因为 observable 是冷的并且不会有更多的订阅，所以 observable 将被释放...

您可以利用组件中的“routerOnDesactivate” Hook 方法取消订阅。它是让您知道何时将路由组件留在路由上下文中的 Hook 。

有关详细信息，请参阅此链接:

• https://angular.io/docs/ts/latest/api/router/OnDeactivate-interface.html