我正在制作一个 angular 6 的费用管理器 webapp。我的数据库在 firebase 上。我正在使用 angularfire2 库来检索和更新数据。
数据库设计如下
获取类别的函数是
getCategory(uid:String,categorykey:string):Observable<any>
{
return this.afdb.object(`users/${uid}/categories/${categorykey}`)
.snapshotChanges()
.pipe(map(c=>({key:c.payload.key,...c.payload.val()})));}
返回带有费用数组的 observable 的函数是
getExpensesWithKeys(uid:String):Observable<any>{
return this.afdb.list(users/${uid}/expenses)
.snapshotChanges()
.pipe(
map(changes =>
changes.map(c =>
({key:c.payload.key,...c.payload.val()}))
)
);
}
在我的组件中,我可以将我的费用作为
expenses:Expense[];
getExpensesWithKey("userid-123")
.subscribe(expenses=>this.expenses=expenses)
和任何类别作为
category:Category;
getCategory("userid-123",expenses[0].category)
.subscribe(category=>this.category=category);
我想创建一个 observable 来获取费用数组并返回每个费用的类别,我可以将其放入类别数组中。我一直在绞尽脑汁将这两个 observable 与各种 rxjs 操作符结合起来,但无济于事。
真的很感激一些帮助。
编辑:只是想添加一些我已经尝试过的方法。我试过的一种方法是
this.getExpensesWithKeys("user-123")
.pipe(mergeMap(expenses=>
expenses.map(expense=>
this.getCategory("user-123",expense.category)))).subscribe(console.log);
但它只是发出一个 Observable 数组。如何获取类别对象并将它们推送到数组中?
我试过的另一种方法
this.rtdbService.getExpensesWithKeys("user-123")
.pipe(map(expenses=>
expenses.map(expense=>expense.category)))
.pipe(mergeMap(ids=>
this.rtdbService.getCategory("user-123",ids)))
.subscribe(console.log);
这仅发出类别的键。
我也尝试了下面提供的答案,它没有发出任何东西。
提前致谢
我终于找到了解决方案
getExpensewithCategories(uid:String):Observable<any>{
;
let expwithCat$=this.getExpenses(uid).pipe(mergeMap(expenses =>{
return expenses.map(expense => this.getCategory(uid,expense.category)
.pipe(map(cat=>
({expensekey:expense.key,
amount:expense.amount,
date:expense.date,
expcatkey:expense.category,
categorykey:cat.key,
color:cat.color,
name:cat.name})
)
))
}
}));
return expwithCat$.pipe(mergeAll())
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句