数据未在Firebase的Angular2 App中显示

Question

我在Stackblitz编辑器上链接了我的angular 2应用程序。成功链接但数据既未显示在控制台中也未显示在浏览器中。请帮我看看如何使用angularfire2最新版本显示数据。

https://stackblitz.com/edit/firebasedemo-angunv?file=app%2Fapp.component.ts

Answer 1

你在html中做错了

试试这个

<ul>
    <li *ngFor="let course of items | async">
      {{course}}
    </li>
</ul>

您正在获取数据异步，以控制记录您需要订阅的数据

this.items.subscribe(courses => {
    courses.forEach(course => {
        console.log(course);
    }
});