Firebase - 如何在不使用AngularFire的情况下获取对象列表

时间:2015-11-27 08:43:52

标签: javascript typescript firebase angular

Firebase - 如何在不使用AngularFire的情况下获取对象列表

我使用的是typescript,angular2和firebase。

我没有使用angularfire。我想使用他们的Api

提取数据

我的firebase网址是/个人资料

这是我要提取的个人资料列表:

enter image description here

感谢。

1 个答案:

答案 0 :(得分:3)

使用简单的value事件,并在每次值更改时重新分配array

JSBin Demo

var ref = new Firebase('https://so-demo.firebaseio-demo.com/items');
ref.on('value', (snap) => {
  // snap.val() comes back as an object with keys
  // these keys need to be come "private" properties
  let data = snap.val();
  let dataWithKeys = Object.keys(data).map((key) => {
     var obj = data[key];
     obj._key = key;
     return obj;
  });
  console.log(dataWithKeys); // This is a synchronized array
});