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

Question

我正在使用连接到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了,但是我不确定这是否是正确的实现.

Answer 1

this.tasks是Observable而不是订阅,这就是您无法取消订阅的原因.

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

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

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