[英]Angularfire2 Firestore - Unwrap Observable into JSON Array
[英]value from Observable within Observable using angularfire2 firestore
我正在尝试从collection
查询document
时查询子集合(如果存在)。 我的第一个查询正确地returns/maps
数据,但是当我尝试查询subcollection
,它将被存储为Observable<data>
observable
。 以下是我到目前为止已经/尝试过的内容。
component.ts
availableCategoriesCollection: AngularFirestoreCollection<Category>;
availableCategories$: Observable<CategoryId[]>;
lstCategories: Observable<any>;
this.availableCategoriesCollection = this.httpDataService.getAllCategories();
this.availableCategories$ = this.availableCategoriesCollection.snapshotChanges().map(data => {
return data.map(record => {
const rec = record.payload.doc.data() as Category;
const cId = record.payload.doc.id;
return {cId, ...rec};
});
});
this.lstCategories = this.availableCategories$.map(data => {
return data.map((rec: CategoryId) => {
//if a category has subcategory then query the document again for subcollection
if (rec.hasSubCat) {
return this.httpDataService.getSubCategory(rec.cId).snapshotChanges().concatMap(d => {
return d.map(r => {
const arr: any = {};
arr.id = r.payload.doc.id;
arr.itemName = (r.payload.doc.data() as Category).categoryName;
arr.category = rec.categoryName;
return arr;
});
});
}else {
const arr: any = {};
arr.id = rec.id;
arr.itemName = rec.categoryName;
arr.category = 'All';
return arr;
}
});
});
当我看进lstCategories
值,即有文件subcollection
将返回为Observable
和不具有的那些subcollection
返回正确的data
与id
, itemName
和category
。 如下所示:
(9)[{…},可观察,可观察,{…},{…},{…},{…},{…},可观察]
如何正确订阅sub-query
? 我在这里想念什么?
因此,您的问题是map
的回调有时返回一个普通对象,有时返回一个Observable。 我猜您仍然想发出一个对象数组(包括内部Observable中的对象),而不是一个接一个地发送对象。
我认为最简单的方法是使用forkJoin
并始终返回Observable(即使结果可能是普通对象):
this.lstCategories = this.availableCategories$.mergeMap(data => {
const observables = data.map((rec: CategoryId) => {
if (rec.hasSubCat) {
return this.httpDataService... // Observable
} else {
const arr: any = {};
...
return Observable.of(arr); // Observable
}
}
return Observable.forkJoin(observables);
});
还要注意,我必须使用this.availableCategories$.mergeMap()
因为mergeMap
将订阅forkJoin
Observable并发出其结果。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.