如何取消订阅Angular2中的Firebase列表?

前端之家收集整理的这篇文章主要介绍了如何取消订阅Angular2中的Firebase列表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用连接到Firebase列表

tasks: FirebaseListObservable<ITask[]>;

constructor(private af: AngularFire) {
  this.tasks = this.af.database.list("/tasks");
}

现在我想在用户注销时取消该连接.

我已经尝试过this.tasks.unsubscribe(),但看起来这个方法是未定义的(我试过这个,因为FirebaseListObservable是一个可观察的).

我也按照文档中的建议尝试了this.tasks.off(),但它也是未定义的.

最后,我尝试了this.tasks = null并且可行,但我不确定这是否是正确的实现.

解决方法

this.tasks是 Observable而不是 Subscription,这就是为什么你不能取消订阅.

如果您是手动订阅,那么您可以:

let observable = Rx.Observable.interval(1000);
let subscription = observable.subscribe(x => console.log(x));
subscription.unsubscribe();

如果您使用的是async pipe,那么当组件被销毁时,Angular将自动取消订阅.基于source code,如果管道的值更改为null,则可以取消订阅observable,但是在任何地方的文档中都没有指定.我认为更好的选择是明确销毁使用异步管道的组件.

猜你在找的Angularjs相关文章