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

【问题标题】：How do I fetch Firebase data dynamically in HTML template?如何在 HTML 模板中动态获取 Firebase 数据？
【发布时间】：2017-02-08 00:11:39
【问题描述】：

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

我正在做这样的事情：

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

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

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

我确实看到了价值

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

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

我如何获得这个值？

【问题讨论】：

【解决方案1】：

试试：

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

【讨论】：