如何在HTML模板中动态获取Firebase数据？

Question

我有一个Firebase实时数据库，它有两个数据对象。 Tweets＆amp; Users。 tweet对象具有属性userid。我想获取该推文的用户名。

我做这样的事情：

<ion-item *ngFor="let tweet of tweets| async" >
{{(af.database.object('/Users/'+tweet.userid+'/name') | async)}}
</ion-item>

它确实获得了JSON，但我不确定如何获得该值。 当我尝试使用| json pipe进行调试时：

<ion-item *ngFor="let tweet of tweets| async" >
{{(af.database.object('/Users/'+tweet.userid+'/name') | async | json)}} 
</ion-item>

我确实看到了值

{
  "$value": "username",
  "$key": "name"
}

打印出来。 我想要的只是输出username。

我如何获得这个价值？

Answer 1

尝试：

<ion-item *ngFor="let tweet of tweets| async" >
{{(af.database.object('/Users/'+tweet.userid+'/name') | async)?.$value}} 
</ion-item>