Angularfire5 - 获取列表中实时数据库文档的键 - #askfirebase答案

【问题标题】：Angularfire5 - Get the key of Realtime database documents in list - #askfirebaseAngularfire5 - 获取列表中实时数据库文档的键 - #askfirebase
【发布时间】：2017-10-14 06:22:55
【问题描述】：

我正在加载一个列表并将其传递给一个组件，然后呈现信息。我需要的项目之一是 ID。我怎样才能在列表中看到它。我看过documentation 并没有帮助。它只显示父级的密钥。

this.allWorkouts = this.afDb.list<IWorkout>('/workouts')
    .valueChanges()
    .take(1)
    .map((array) => array.reverse()) as Observable<IWorkout[]>;

<ion-card *ngFor="let workout of allWorkouts | async">
    <card-workout [workout]="workout"></card-workout>
</ion-card>

【问题讨论】：

标签： firebase firebase-realtime-database ionic3 angularfire5

【解决方案1】：

在 AngularFire 5.0 版中，您需要use snapshotChanges() if you want to get access to the key。

valueChanges() 仅适用于您只关心 JSON 树的基本用例。

【讨论】：

使用snapshotChanges，如何获取文档数据？

【解决方案2】：

要获取密钥，您需要订阅 observable 然后以这种方式打印：

suscribe(snapshot => { snapshot.$key })

如果你需要打印到 *ngFor 你应该使用：

workout.$key

【讨论】：