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

发布时间：2020-12-17 17:22:53 所属栏目：安全来源：网络整理

导读：我正在使用连接到Firebase列表 tasks: FirebaseListObservableITask[];constructor(private af: AngularFire) { this.tasks = this.af.database.list("/tasks");} 现在我想在用户注销时取消该连接. 我已经尝试过this.tasks.unsubscribe(),但看起来这个方法是

我正在使用连接到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,但是在任何地方的文档中都没有指定.我认为更好的选择是明确销毁使用异步管道的组件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!