angular - 如何从 AngularFire2 中的 2 级向下键控列表中获取平坦的可观察列表

Question

我不知道如何在 Prods/$companyKeys/$prodKeys 表单中管理我的数据的产品中获取平面集合

{
  "ID1" : {
    "prodID1" : {
      "name" : "Car"
    },
    "prodID2" : {
      "name" : "Door"
    },
    "prodID3" : {
      "name" : "Sandwich"
    }
  },
  "ID2" : {
    "ProdID4" : {
      "name" : "Glass"
    },
    "ProdID5" : {
      "name" : "Pen"
    }
  }
}

rxjs 或 AngularFire2 本身是否有一种简单的方法可以直接收集产品，省略公司 ID？还是我必须重新排列我的数据？

谢谢

Answer 1

Observable.flatMap是为此目的而制作的（小提琴）：

// turn products into array
var arr = [];
for(var key in products) {
  arr.push(products[key]);
}

Rx.Observable.from(arr)
  .flatMap(x => {
    // 'x' is like object ID1, create array of products
    var arr = [];
    for (var key in x) {
      arr.push(x[key]);
    }
    return Rx.Observable.from(arr);
  })
  .subscribe(x => document.write(JSON.stringify(x) + '</br>'));

输出：

{"name":"Car"}
{"name":"Door"}
{"name":"Glass"}
{"name":"Sandwich"}
{"name":"Pen"}

不确定您想如何处理键，但您可以使用Observable.pairs它来更轻松地遍历对象属性。结果流是数组，第一个元素是键，第二个元素是对象属性的值：

Rx.Observable.pairs(products)
    .flatMap(x => Rx.Observable.pairs(x[1]))
    .subscribe( x => console.log(x[0], x[1]));

这将返回如下数组：

["prodID1", {name: "Car"}]
["prodID2", {name: "Door"}]
["prodID3", {name: "Glass"}]
["prodID4", {name: "Sandwich"}]
["prodID5", {name: "Pen"}]