Angularfire展示关键和价值

Question

在我的angular项目中，我正在按以下方式使用angularfirebase保存用户的显示名称：

this.afDB.object('/users/' + this.userId).set({displayName: user.displayname })

这给出了这样的东西...

然后为了显示它，我正在做以下事情：

this.profileData = this.db.list(`/users/${this.userId}/`);   

然后，在HTML中：

<p> {{(profileData | async)?. displayName}} </p> <!-- Doesn't show any -->

但是，它不显示任何数据。

如果我在下面尝试，那么它会显示用户名：

<div class="text" *ngFor="let item of profileData| async">
     {{item.$value}} <!-- Shows the display name -->
</div> 

我究竟做错了什么？ 因为只有一把钥匙，所以我不需要*ngFor ，我感到困惑。 任何帮助都感激不尽。

谢谢！

编辑：

我只是试图使用this.userId显示登录用户的显示名称。 在此示例中，假设登录用户的ID为“ se5Zmy8n ...”（img中的最后一个）。 然后， displayName将为“ asesdf4r”。

Answer 1

您正在访问叶节点。 您需要升级才能访问所有用户

this.profileData = this.db.list('/users/');  

列表将为您提供一个对象，其中包含作为用户键的键。