AngularFire2返回[对象]

我正试图找出哪里出了问题。我所有的观察结果都返回[对象]

Mysunshine.component.html

<h4>Welcome {{username$}}</h4>
<ul>
<li *ngFor="let addsnote of addsnotes$ | async">{{ addsnote }}</li>
</ul>

我的页面的屏幕截图（为了清晰起见）

编辑我在这里加入了我正在进行的项目的回购协议，以便尽可能多地为大家提供信息。希望它有用

相应的文件位于src/app/profile/profile.component中。由于这完全是在制品，请不要对其物流（守卫路线、验证等）大惊小怪

---

其工作方式是在主页创建帐户上输入一些虚拟数据，然后单击导航栏上的Profile链接。您可能需要先刷新页面。当您单击Profile route中的按钮时，您将“Billy Dee Williams”输入到您的

addnote

数组中，视图应反映出这一点

在下面的代码中，“addsnote”是一个对象数组

<li *ngFor="let addsnote of addsnotes$ | async">{{ addsnote }}</li>

{{{addsnote}

只需检查下面的代码

<li *ngFor="let addsnote of addsnotes$ | async">{{ addsnote[0] }}</li>

{{{addsnote[0]}

然后您就可以了解如何访问数据

得到了答案。我要做的就是在HTML中添加

$.value

标记。如果我的列表可以观察到，它应该是：

 <li *ngFor="let addsnote of addsnotes$ | async">{{ addsnote.$value }}</li>

<h4>Welcome {{ (username$ | async)?.$value }}</h4>

{{addsnote.$value}

对于我可以观察到的物体，它应该是：

 <li *ngFor="let addsnote of addsnotes$ | async">{{ addsnote.$value }}</li>

<h4>Welcome {{ (username$ | async)?.$value }}</h4>

欢迎{（用户名$|异步）？.$value}

有关其他信息，我使用您的代码获得的空项目符号与我数据库中的项目数量正确对应。因此，正在打印一个

li

。但是，

li

是空的。添加或删除相应的列表项会更改代码中的空

li

标记的数量。标题中也需要

|async

，FirebaseObjectObservable也是一个需要展开的异步observable:

欢迎{{username$|async}

。我们正在研究一些方法来简化指令。谢谢你提供的信息。我想知道如何使用对象设置异步格式。不幸的是，这仍然不能解决我的

[object object]

问题。我仍然不明白为什么会发生这种情况。尝试将它传输到json，然后看看您得到了什么。{{username | async | json}我实际上已经知道了。答案如下。但是直到明天我才被允许检查我自己的答案。谢谢上面的代码将在Angular4中工作，也将在angularfire2的最新版本中工作