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是出于此目的（fiddle）：

// 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"}]

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

1 个答案: