AngularFire V1.2 $firebaseArray() $loaded() 只调用一次[重复]

Question

我在数组上使用 AngularFire 和 promises ($loaded() on firebaseArray())。

目前，我正在使用以下代码：

问题：我转到第 1 页，数据已加载，一切正常。转到第 2 页并返回第 1 页。现在$loaded() 在我进行整页刷新之前不起作用。我该如何解决这个问题？

app.factory('Items', ['FBURL', '$firebaseArray', function(FBURL, $firebaseArray) {
    return {
      ofCategory: function(catId){
        var ref = new Firebase(FBURL);
        var refSearch = new Firebase.util.NormalizedCollection(...).select(...).ref(); 
        var allItems= refSearch.orderByChild(...);
        return $firebaseArray(allItems);
      }
    }; 
}]);

第1页：

function readData() { 
  if($scope.Items) { 
     $scope.Items.$destroy();
     $scope.Items= null;
  }   
  $scope.Items = Items.ofCategory($routeParams.id);
  $scope.Items.$loaded().then(function(itm) {
        ...
  });
}

第2页：

$scope.Items= Items.ofCategory($routeParams.id);

Firebase 文档¹ 说：“$loaded() 返回一个承诺，该承诺在从我们的数据库下载初始记录后解决。这只调用一次并且应该小心使用”，这可能就是我在这里得到的。

我的尝试：如图所示，在第 1 页上的 readData() 函数中，我在任何新加载之前销毁了 $scope.Items 变量。但它似乎没有做任何事情。 AFAIU，$loaded() 正在处理firebaseArray()，因此销毁$scope 数组可能无济于事。那么，在不需要完全刷新页面的情况下，我还应该做些什么来完成这项工作？

Answer 1

我听说应该避免使用 AngularFire，这似乎是一个很好的理由。

直接使用 firebase API：

app.factory('FbItems', ['FBURL', '$q', function(FBURL, $q) {
    return {
      ofCategory: function(catId){
        var ref = new Firebase(FBURL);
        var refSearch = new Firebase.util.NormalizedCollection(...).select(...).ref(); 
        var allItems= refSearch.orderByChild(...);
        var promise = allItems.once('value').then(function(snapshot) {
            return snapshot.val();
        });
        return $q.when(promise);
      }
    }; 
}]);

使用$q.when 将 ES6 承诺转换为 AngularJS $q 承诺很重要。只有在 AngularJS 执行上下文中应用的操作才能受益于 AngularJS 数据绑定、异常处理、属性监视等。

用法：

function readData() { 
  promise = FbItems.ofCategory($routeParams.id);
  promise.then(function(items) {
      $scope.Items = items;
  }).catch(function(error) {
      console.log(error);
  });
}