从 firestore 返回嵌套集合作为 angularfire2 和 firebase 的对象 [英] Return nested collection from firestore as object for angularfire2 and firebase
问题描述
假设您有以下结构:
shopping-carts(集合)- 购物车 1(doc)-- 日期创建(字段)-- 物品(集合)- 购物车 2(doc- 创建日期- 项目...
那么,我们如何将整个购物车(doc)作为我们定义为的 ShoppingCart 对象
导出接口 ShoppingCart {项目:ShoppingCartItem[]日期创建:字符串}
afs.doc('shopping-cart/id').valueChanges()
只返回创建日期
afs.doc('shopping-cart/id').collection('items').valueChanges()
返回商品.
将所有内容合而为一并将其创建为对象的简单方法?
可能不是最好的解决方案,但目前还找不到更好的解决方案.
this.shoppingCartsCollection = afs.collection('shopping-carts',参考 =>ref.orderBy('dateCreated', 'asc'));this.shoppingCarts = this.shoppingCartsCollection.snapshotChanges().map(值=> {返回 values.map(value => {const 购物车 = value.payload.doc.data();const itemsArray = 购物车.items;购物车.observableItems = [];for (var i = 0, len = itemsArray.length; i < len; i++) {itemDocRef = itemsArray[i];value.observableItems.push(afs.doc('items/'+ itemDocRef.id).valueChanges());}返回购物车;});});
访问您的商品数据,就像任何其他可观察数据
<p *ngFor="let observableItem of shoppingCart.observableItems">{{(observableItem | async)?.displayName}}</p>
Let's say you have the following structure:
shopping-carts (collection)
- shopping-cart 1(doc)
-- dateCreated (field)
-- items (collection)
- shopping-cart 2(doc
-- dateCreated
-- items
.
.
.
So, how would we go about getting the entire shopping-cart(doc) as an ShoppingCart object that we defined as
export interface ShoppingCart {
items: ShoppingCartItem[]
dateCreated: string
}
afs.doc('shopping-cart/id').valueChanges()
only returns the dateCreated
afs.doc('shopping-cart/id').collection('items').valueChanges()
returns the items.
Easy way to get all in one and create it as an object?
Probably not the best solution, but couldn't find a better one yet.
this.shoppingCartsCollection = afs.collection<Servicio>('shopping-carts',
ref => ref.orderBy('dateCreated', 'asc'));
this.shoppingCarts = this.shoppingCartsCollection
.snapshotChanges()
.map(values => {
return values.map(value => {
const shopping-cart = value.payload.doc.data();
const itemsArray = shopping-cart.items;
shopping-cart.observableItems = [];
for (var i = 0, len = itemsArray.length; i < len; i++) {
itemDocRef = itemsArray[i];
value.observableItems.push(afs.doc('items/'+ itemDocRef.id).valueChanges());
}
return shopping-cart;
});
});
access your items data, like any other observable
<div *ngFor="let shoppingCart of shoppingCarts | async">
<p *ngFor="let observableItem of shoppingCart.observableItems">
{{(observableItem | async)?.displayName}}
</p>
</div>
这篇关于从 firestore 返回嵌套集合作为 angularfire2 和 firebase 的对象的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!