Question

我有一些问题，例如我有一个json文件：

{
  "items" : {
    "khanh" : {
      "name":"2017 shirt",
      "size":["S","M","L"],
      "image":"http://placehold.it/650x450",
      "likes":0,
      "price":123
    },
    "-KdleehAQm0HgVFYdkUo" : {
      "name":"2017 shirt",
      "size":["S","M","L"],
      "image":"http://placehold.it/650x450",
      "likes":0,
      "price":123
    },
    "-Kdlg3AqKNTnbhjAVT8h" : {
      "name":"2017 shirt",
      "size":["S","M","L"],
      "image":"http://placehold.it/650x450",
      "likes":0,
      "price":123
    }
  }
}

我有一个按钮可以更新喜欢的内容。但我有一个问题。我不知道如何获得＆＃34;键＆＃34;。示例：＆＃34;庆＆＃34;＆＃34; -KdleehAQm0HgVFYdkUo＆＃34;

Answer 1

这对我有用。

<强>组件：

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';

dbcomplextest: FirebaseListObservable<any[]>;

constructor(afDB: AngularFireDatabase) {
    this.dbcomplextest = afDB.list('/complex/');
}

查看：

<span *ngFor="let value of dbcomplextest | async">
    {{ value.$key }} - {{ value.$value }}
</span>

Answer 2

在最新版本>=4.6.0中，您必须使用snapshotChanges().map()来存储密钥。

   this.itemsRef = db.list('messages');
// Use snapshotChanges().map() to store the key
this.items = this.itemsRef.snapshotChanges().map(changes => {
  return changes.map(c => ({ key: c.payload.key, ...c.payload.val() }));
});

然后，现在您可以使用.key

从视图列表中获取它

当我使用ngFor使用angularfire2时，如何获得$ key？

2 个答案: