javascript - 如何使用 firebase 和 angularfire 计算数组中对象的总值？

Question

更新一个更好的问题:

我能够让工厂正常运行并使其总数脱离循环。现在，我很难让该数字显示在 View 中，并且每次在列表中添加/删除/更新新项目时都无法显示该数字。

“ListWithTotal”工厂的工作方式与文档中的完全一样。我没有正确设置 ref 变量。

这是最新的相关代码:

//controller
$scope.total = TodoService.getTotalPoints();

//service
var todos = $firebase(ref, {arrayFactory: "ListWithTotal"}).$asArray();

  return {
    getTotalPoints:function(){
         todos.$loaded().then(function() {
        total = todos.getTotal();
        console.log(total);
        return total;
      });
    },

当点值发生变化时，我无法将总计返回到 View 或更新。有人可以提供一些指导吗？

Answer 1

AngularFire 指南在 the section on extending factories 中介绍了这个确切的示例。 .

app.factory("ListWithTotal", ["$FirebaseArray", "$firebase", function($FirebaseArray, $firebase) {
  // create a new factory based on $FirebaseArray
  var TotalFactory = $FirebaseArray.$extendFactory({
    getTotal: function() {
      var total = 0;
      // the array data is located in this.$list
      angular.forEach(this.$list, function(rec) {
        total += rec.amount;
      });
      return total;
    }
  });
  return function(listRef) {
    // override the factory used by $firebase
    var sync = $firebase(ref, {arrayFactory: TotalFactory});
    return sync.$asArray(); // this will be an instance of TotalFactory
  }
}]);