javascript - 使用 firebase 的 Angular 应用程序获取 $add 不是一个函数

Question

我有一个 Angular 服务:

(function(){
    "use strict";

    angular
        .module('todoapp')
        .factory('ListService', ListService);
    ListService.$inject = ['$firebaseArray'];

    function ListService($firebaseArray) {
        var ref = new Firebase('https://---firebase-name---.firebaseio.com/items/'),
        list = $firebaseArray(ref);

        return list;


    }

})();

从 Controller 调用

(function () {
"use strict";

angular
    .module('todoapp')
    .controller('ListController', ListController);

ListController.$inject = ['$scope', '$log', 'ListService'];

/* @ngInject */
function ListController($scope, $log, ListService) {

    var listCtrl = this;

    listCtrl.items = ListService;

    listCtrl.add = function(form){

        //ADD TO FIREBASE
        console.log(listCtrl.newList);
        listCtrl.newList.$add(listCtrl.newList);
}

当我触发listCtrl.add()时，我收到错误:

listCtrl.newList.$add is not a function

现在，我尝试传递的 listCtrl.newList 对象仅包含我尝试更新的 firebase 对象中包含的节点，但不是全部，我认为我只需要包含节点这些正在改变。我不认为该对象是问题所在，因为方法 $add 是出错的地方，而不是其内部。

我还尝试将 $asArray 添加到 firebase 方法中，如下所示:

list = $firebaseArray(ref).$asArray();

但是找不到 $asArray 时出错有什么想法吗？

Answer 1

listCtrl.items.$add 而不是 listCtrl.newList.$add