angularjs綁定服務數組長度屬性控制器範圍

Question

我試圖從其他服務數組長度綁定到我的控制範圍是這樣的：

app.controller('TestCtrl', function ($scope, safePostService) { 
    $scope.count = safePostService.queue.length; 

    $scope.addOne = function() { 
     safePostService.post('/echo/json/', { 
      json: JSON.stringify({ 
       text: 'some text', 
       array: [1, 2, 'three'], 
       object: { 
        par1: 'another text', 
        par2: [3, 2, 'one'], 
        par3: {} 
       } 
      }), 
      delay: 3 
     }); 
    }; 
}); 

這就是我的服務：

app.service('safePostService', function ($http, $timeout) { 
    var self = this; 

    var syncIntervall = 1000; 
    var timeoutPromise; 
    var sending = false; 

    this.queue = []; 

    this.post = function (url, data) { 
     self.queue.push({ 
      url: url, 
      data: data 
     }); 
     syncNow(); 
    }; 

    function syncNow() { 
     $timeout.cancel(timeoutPromise); 
     syncLoop(); 
    } 

    function syncLoop() { 
     if (sending) return; 
     sending = true; 
     var item = self.queue[0]; 
     $http.post(item.url, item.data). 
     success(function() { 
      self.queue.shift(); 
      afterResponse(true); 
     }). 
     error(function() { 
      afterResponse(false) 
     }); 
    } 

    function afterResponse(success) { 
     sending = false; 
     if (self.queue.length > 0) { 
      timeoutPromise = $timeout(syncLoop, (success) ? 50 : syncIntervall); 
     } 
    } 
}); 

$ scope.count保持顯示0並且不會更新。

這裏是一個小提琴： http://jsfiddle.net/kannix/CGWbq/

Answer 1

角應$watch的safePostService.queue。

嘗試：

$scope.$watch(function() { return safePostService.queue.length; }, function(item) { 
    $scope.count = item; 
}, true); 

小提琴： http://jsfiddle.net/CGWbq/4/

您在成功的情況下降低了隊列陣列：

self.queue.shift();