Angular 未通过 Angularfire2 提取数据

Question

我一直在从 firebase 上的实时数据库取回数据时遇到问题。一切设置正确，读写权限为 public，因此我无需进行身份验证。

npm 编译成功。所以代码很好（Angular-CLI）。就文档而言，我尝试了 GitHub 页面上的内容。

当我插入从对象中提取数据时，前端的 return 为 Null。当我对列表执行相同操作时，return 为空白。 *ngFor 甚至不会工作。

有人遇到同样的问题或可以提供帮助吗？

代码如下所示。这是文档的直接副本。

我的数据库实际上没有根据 db.list('items') 显示“项目”的标签。我认为这不是问题，但这会造成问题吗？

import { Component } from '@angular/core';
import { AngularFireDatabase } from      'angularfire2/database';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'app-root',
  template: `
  <ul>
    <li *ngFor="let item of items | async">
   {{ item | json }}
    </li>
  </ul>
  `,
})
export class AppComponent {
  items: Observable<any[]>;
  constructor(db: AngularFireDatabase) {
    this.items = db.list('items').valueChanges();
  }
}

firebase 中的数据具有这种结构..

[ 
 {"THIS" : string , "THAT" : string},
 {"THIS" : string , "THAT" : string}
]

这就是我上传之前文件的样子。

Answer 1

我想你忘了创建 items 集合。

您在此处订阅了 items 合集：

this.items = db.list('items').valueChanges();

尝试导入这个，看看是否能得到一些结果：

{
  "items": [
    {
      "THIS": "test",
      "THAT": "test"
    },
    {
      "THIS": "test",
      "THAT": "test"
    }
  ]
}

在 firebase 中它看起来像：

Angular 未通过 Angularfire2 提取数据

Angular not pulling data through Angularfire2

firebase

typescript

angularfire2

angular