首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angularfire5 -获取列表中实时数据库文档的键- #askfirebase

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

Stack Overflow用户
提问于 2017-10-14 06:22:55
回答 2查看 1.1K关注 0票数 0

我正在加载一个列表,并将它传递给一个组件,然后呈现信息。我需要的项目之一是ID。我怎样才能在列表中看到它。我看过文档,但没什么用。它只显示父键。

代码语言:javascript
复制
this.allWorkouts = this.afDb.list<IWorkout>('/workouts')
    .valueChanges()
    .take(1)
    .map((array) => array.reverse()) as Observable<IWorkout[]>;
代码语言:javascript
复制
<ion-card *ngFor="let workout of allWorkouts | async">
    <card-workout [workout]="workout"></card-workout>
</ion-card>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-10-14 09:03:51

在AngularFire的5.0版本中,您需要使用如果您想要访问密钥

valueChanges()只适用于基本用例,因为您只关心JSON树。

票数 1
EN

Stack Overflow用户

发布于 2017-10-14 06:51:19

要获得密钥,您需要对可观察到的内容进行跟踪,然后以如下方式打印:

代码语言:javascript
复制
suscribe(snapshot => { snapshot.$key })

如果需要打印到*ngFor中,则应使用:

代码语言:javascript
复制
workout.$key
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46741561

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档