按一下 Subscribe 订阅 Observable 开始接收来自 Observable 上的数据。现在可以离开这个组件,打开应用的其它的地方,你会发现控制台仍然会输出接收到的数据。在销毁组件之后,我们可以取消 Observable 的订阅。
回到项目,打开 ObservableDemoComponent 组件,让这个组件实施一下 OnDestroy 接口。然后在类里面添加一个 ngOnDestroy 方法,组件在销毁的时候会执行这个方法。
在这个方法里,先在控制台上输出点文字,ngOnDestroy: Unsubscribe demo observable. 下面再执行一下 this.demoSubscription 上的 unsubscribe 方法,取消订阅。
预览
下面再回到浏览器试一下,按一下 Subscribe 订阅,开始接收数据。 然后打开应用的其它的地方,销毁 ObservableDemoComponent 组件的时候,执行了组件里的 ngOnDestroy 方法,在这个方法里取消了订阅 demoObservable。