了解AngularFire扩展FirebaseArray示例？

我一直在努力适当地实现这个，我以为我有它，但基于这个例子，我做错了。你如何在控制器中使用这个工厂？预期的结果是什么？了解AngularFire扩展FirebaseArray示例？

的例子：

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 
    **// why do listRef and ref not match here? 
    //where does listRef or ref come from** 
    var sync = $firebase(ref, {arrayFactory: TotalFactory}); 
    return sync.$asArray(); // this will be an instance of TotalFactory 
    } 
}]);

我已经能够使用一个版本扩展的工厂不包括引用到一个新的火力点的回报。例如：一个待办事项清单保持计数：http://plnkr.co/edit/iAGvPHFWn2GSPGzBRpKh?p=preview

来源

2014-12-07 EmptyPockets

这是一个错字。它们都应该是'listRef'或'ref'。没有一个和另一个。 – user2943490 2014-12-08 05:37:16

这是一个错字。他们应该都是listRef或ref。没有一个和另一个。

由于ListWithTotal工厂返回一个功能，你使用它的控制器是这样的：

.controller('MyController', function ($scope, $window, ListWithTotal) { 
    var ref = new $window.Firebase("//some-url/data"); 
    $scope.listWithTotal = ListWithTotal(ref); 
});

来源

2014-12-08 05:43:55 user2943490

酷，所以它取代了$ firebase功能。那里需要$窗户吗？我通常只是写var ref = new Firebase（'/ path-to-firebase'）; – EmptyPockets 2014-12-08 15:55:47

由于'$ window'是Angular的窗口对象封装，所以全局对象的任何属性（如'Firebase'）也可以在'$ window'中使用。让您的代码引用'$ window'可以让您轻松地在测试中嘲笑全局范围内的事情。 – user2943490 2014-12-08 22:19:49

了解AngularFire扩展FirebaseArray示例？

回答

相关问题