HTMLテンプレートでFirebaseデータを動的に取得するにはどうすればよいですか？

Question

私は2つのデータオブジェクトを持つ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。

どうすればその値を取得できますか？

Answer 1

試してみてください。

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