Angularfire2 Observable concat无效

时间:2016-12-11 19:34:42

标签: angular rxjs5 angularfire2

这就是我的数据:

{
  "Category" : {
    "-KVuXp30tdhR1CqmCb_X" : {
      "name" : "Category1",
      "parentCategoryId" : ""
  },
    "-KVuY0CjGePvUo2qVcGb" : {
      "name" : "Category2",
      "parentCategoryId" : ""
  },
    "-KW9U76wJg-4hgnMUvu2" : {
      "name" : "Category1sub1",
      "parentCategoryId" : "-KVuXp30tdhR1CqmCb_X"
  },
    "-KYODOJXjqnRMkVSsIFs" : {
      "name" : "Category2Sub1",
      "parentCategoryId" : "-KVuY0CjGePvUo2qVcGb"
  },
    "-KYOKdbX22UCeU2EZcYQ" : {
      "name" : "Category1Sub3",
      "parentCategoryId" : "-KVuXp30tdhR1CqmCb_X"
  },
    "-KYOM3dV9pX0Isx-7V5C" : {
      "name" : "Category2Sub2",
      "parentCategoryId" : "-KVuY0CjGePvUo2qVcGb"
  }
 }
}

我想在主要类别和子类别下列出。

  • 组别
  • 类别2
  • 类别1>> Category1sub1
  • Category2>> Category2Sub1
  • 类别1>> Category1Sub3
  • Category2>> Category2Sub2

示例代码here (plunker)

我做错了什么。我该怎么做。

感谢。

1 个答案:

答案 0 :(得分:1)

AngularFire的list方法返回永远不会结束的Observabel,因此在concat中使用它没有意义。如果您只想获得第一个值,则应使用take

您的服务没有db属性,因此

this.db.object

会抛出错误(你没有看到错误,因为代码没有被执行)。

看看这个plunker并询问是否有不清楚的事情。