Javascript 除非刷新，否则不在列表中加载Firebase数据（angularJS、Firebase和ionic）

我的项目列表未正确加载。我得到一个没有错误的空屏幕，一旦我刷新，它们都会显示出来。我相信firebase数据的检索速度不够快，但我不知道该怎么办。我尝试了很多事情，但都没有成功。提前谢谢你

应用程序控制器（'SpotsCtrl'，函数（$state、$scope、$stateparms）{

}))

//HTML

{{spot.name}
{{spot.title}

{{spot.loc}}

---

尝试将firebaseref绑定到$firebaseObject

app.controller('SpotsCtrl', function($state, $scope, $stateParams, $firebaseObject) {

  var firebaseRef = new Firebase("https://myBrokenApp.firebaseio.com/spots");
  $scope.spots = {};
  var spots = $firebaseObject(firebaseRef.child('0'));

  spots.$loaded().then(function() {
    $scope.spots = spots;
    console.log($scope.spots);
  });
});

---

谢谢你的回复，没什么好消息：（还有其他想法吗？嗯，好的..试着包装

firebaseRef.child（'0'）。在（'value'，函数（dataSnapshot）{…

中加入

$timeout（function（）{firebaseRef.child…}）

nope:/一旦屏幕加载，如果数据还没有准备好，它将一直保持空白，直到我刷新我的初始答案，但是添加

$scope.spots={}；

。

控制台.log（）

没有在$loaded中写入任何内容。然后函数？它工作了！！啊，非常感谢！。正如我所理解的，为什么这样工作？

<ion-list show-delete="spot.showDelete" show-reorder="spot.showMove"> 

 <ion-item
     class="item-avatar-left item-icon-right item-remove-animate" 
       ng-repeat="spot in spots"
       href="#/tab/spots/{{spot.name}}">

      <h2>{{ spot.name }}</h2>
      <p>{{ spot.title }}</p>
      <p>{{ spot.loc }}</p>
      <i class="icon ion-ios-clock-outline "></i>

       <ion-delete-button ng-click="deleteSpot($index)" 
                        class="ion-minus-circled">
       </ion-delete-button>

      <ion-reorder-button class="ion-navicon"
       on-reorder="moveSpot(spot, $fromIndex, $toIndex)">

      </ion-reorder-button>
 </ion-item>
</ion-list >

app.controller('SpotsCtrl', function($state, $scope, $stateParams, $firebaseObject) {

  var firebaseRef = new Firebase("https://myBrokenApp.firebaseio.com/spots");
  $scope.spots = {};
  var spots = $firebaseObject(firebaseRef.child('0'));

  spots.$loaded().then(function() {
    $scope.spots = spots;
    console.log($scope.spots);
  });
});