带有 Firebase 3 的 ionic 1 从快照中获取密钥？

Question

firebase.database().ref('users/' + user.uid + '/cars')

 .on('value', function(snapshot) {
    $scope.cars = snapshot.val();
    console.log('snapshot', JSON.stringify(snapshot.val()));
  });

我可以提取我需要的所有数据，但 Firebase 设置的键值除外 (-KVChuDgmbogzH2bKm1A )。它正在记录到控制台。但我无法显示它。我试过cars.key、key、$id、cars.$id

<div ng-repeat="car in cars">     

 <p>item key: {{car.key}}</p> <- this I can't get 
        <h2>{{car.color}}</h2><- this is fine
         <p>{{car.motor}}</p><-  this is fine

任何建议将不胜感激。

Answer 1

来自 Firebase 的数据正在异步加载。到数据加载完毕时，Angular 还没有准备好。

所以你需要告诉 AngularJS 它需要更新 HTML。最简单的方法是将作用域的更新包装在 $timeout() 调用中：

firebase.database().ref('users/' + user.uid + '/cars')    
 .on('value', function(snapshot) { $timeout() {
    $scope.cars = snapshot.val();
    console.log('snapshot', JSON.stringify(snapshot.val()));
 })});

更新

您似乎正在寻找每个快照的key。

<div ng-repeat="(key, car) in cars">     

 <p>item key: {{key}}</p> <- this I can't get 
    <h2>{{car.color}}</h2><- this is fine
     <p>{{car.motor}}</p><-  this is fine

此时我建议改用 AngularFire，它可以为您解决很多问题。