Angular 使用 Firebug 调试

Question

我正在制作一个 AngularJS 应用程序，它从 Firebase 云中获取数据。数据显示在页面上，但当我调试我的控制器时，它显示一个空的文章列表。为什么我的变量在调试时显示为空？

这是我的控制器的代码：

appMainModule.controller('GetCtrl', ['$scope', '$firebaseArray', function ($scope, $firebaseArray) {
  var firebaseObj = new Firebase("URL")
  debugger;
  //var sync = $firebaseArray(firebaseObj);
  //$scope.articles = sync.$asArray();
  $scope.articles = $firebaseArray(firebaseObj);

  var firebaseObj1 = new Firebase("URL");

  $scope.articles1 = $firebaseArray(firebaseObj1.orderByChild("Month").equalTo("Apr-2016"));
  var query=$scope.articles1
  var num = query.length;
}]);

这是我的 HTML 代码：

<div class="content" style="height: 380px; overflow: auto;">
  <table class="table">
    <thead>
      <tr>
        <th>Incident Name</th>
        <th>Category</th>
        <th>Month</th>
        <th>Total</th>
      </tr>
    </thead>
    <tbody ng-repeat="article in articles1 ">
      <tr>
        <td><p>{{article.IncidentName}}</p></td>
        <td><p>{{article.CategoryParent}}</p></td>
        <td><p>{{article.Month}}</p></td>
        <td><p>{{article.Total}}</p></td>
      </tr>
    </tbody>
</div>

在 HTML 页面中，articles1 正在提供数据，但在控制器中，它在获取数据后显示为空。

Answer 1

我解决了我的问题，我很早就期待我的数据，因为它是对 firebase 的异步调用。所以这是 firebase returns 对数据的承诺

时的方法

$scope.articles1.$loaded(function(data){
// do here with data,what you want
})

Angular 使用 Firebug 调试

Angular debugging using Firebug

javascript

firebug

angularjs

firebase

firebase-realtime-database