在ngOnInit函数中使用异步与Angular 8 Firestore,可以通过以下步骤完成:
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
constructor(private firestore: AngularFirestore) { }
ngOnInit() {
this.firestore.collection('yourCollection').valueChanges().subscribe(data => {
// 在这里处理数据
});
}
此处的'yourCollection'应替换为您Firestore中的集合名称。
data$: Observable<any[]>;
ngOnInit() {
this.data$ = this.firestore.collection('yourCollection').valueChanges();
}
在模板中使用AsyncPipe:
<div *ngFor="let item of data$ | async">
<!-- 显示数据 -->
</div>
这样,当组件初始化时,ngOnInit函数将会在异步的方式下获取Firestore中的数据,并将数据存储在组件属性中。您可以在回调中处理数据,或者将数据在组件模板中使用AsyncPipe进行处理和展示。
推荐的腾讯云相关产品:云数据库 MongoDB版、云数据库 MySQL版、云存储 COS。
云数据库MongoDB版:
云数据库MySQL版:
云存储COS:
领取专属 10元无门槛券
手把手带您无忧上云