用户登录

按一下 Subscribe 订阅 Observable 开始接收来自 Observable 上的数据。现在可以离开这个组件,打开应用的其它的地方,你会发现控制台仍然会输出接收到的数据。在销毁组件之后,我们可以取消 Observable 的订阅。

回到项目,打开 ObservableDemoComponent 组件,让这个组件实施一下 OnDestroy 接口。然后在类里面添加一个 ngOnDestroy 方法,组件在销毁的时候会执行这个方法。

在这个方法里,先在控制台上输出点文字,ngOnDestroy: Unsubscribe demo observable. 下面再执行一下 this.demoSubscription 上的 unsubscribe 方法,取消订阅。

预览

下面再回到浏览器试一下,按一下 Subscribe 订阅,开始接收数据。 然后打开应用的其它的地方,销毁 ObservableDemoComponent 组件的时候,执行了组件里的 ngOnDestroy 方法,在这个方法里取消了订阅 demoObservable。

组件销毁后取消订阅《 Angular:Observable 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点