angularfire2 for firestore observable 一次订阅一次

Question

我想让 Firestore 获取可观察的项目。但问题是它一次订阅一次。以下是我的代码：

在提供者中：

this.allSponser = this.afs.collection<Sponsoremphasized text('sponsors').snapshotChanges().pipe(map(actions => { 
    return actions.map(a => 
    { 
        const data = a.payload.doc.data() as Sponsor; 
        data.id = a.payload.doc.id; 
        return data; 
    }); 
})); 

在注册页面中：

this.allSponser.subscribe(data=>{ console.log(data); }) 

如果我要返回任何其他页面并返回再次注册，则在第一次加载时打印它不会打印。

Answer 1

首先提到当你离开你的组件时，它会被销毁并重新创建，所以记住这一点，你需要订阅ngOnInit中的observables和'ngOnDestroy'中的unsubscribe /p>

另一点是我通常会从我的服务中返回observalbe，类似这样

getSoponsors() {
return this.afs.collection<Sponsoremphasizedtext>('sponsors').snapshotChanges().pipe(map(actions => { 
    return actions.map(a => 
    { 
        const data = a.payload.doc.data() as Sponsor; 
        data.id = a.payload.doc.id; 
        return data; 
    }); 
})); 
}

然后在我的组件中

isAlive: boolean = true

ngOnInit() {
  this.service.getSoponsors()
    .pipe(takeWhile(() => this.isAlive))
    .subscribe(data => ...)
}

ngOnDestroy() {
  this.isAlive = false;
}