AngularJS - Смотреть изменения услуги, не обновляющие вид

Question

Im работает с угловыми 1.4. Я пытаюсь создать коллекцию внешнего интерфейса, которая обновляет представление при вставке новых данных. Я проверил другие ответы отсюда Angularjs watch service object, но я считаю, что я не переписываю массив, а это означает, что ссылка такая же.

Код довольно прост:

(function(){ 

    var appCtrl = function($scope, $timeout, SessionSvc){ 

    $scope.sessions = {}; 
    $scope.sessions.list = SessionSvc._cache; 

    // Simulate putting data asynchronously 
    setTimeout(function(){ 
     console.log('something more triggered'); 
     SessionSvc._cache.push({domain: "something more"}); 
    }, 2000); 


    // Watch when service has been updated 
    $scope.$watch(function(){ 
     console.log('Watching...'); 
     return SessionSvc._cache; 
    }, function(){ 
     console.log('Modified'); 
    }, true); 
    }; 

    var SessionSvc = function(){ 
    this._cache = [{domain: 'something'}]; 
    }; 

    angular.module('AppModule', []) 
      .service('SessionSvc', SessionSvc) 
      .controller('appCtrl', appCtrl); 

})(); 

Я думал, что грязная проверка придется поймать изменения без использования каких-либо наблюдателя. Тем не менее, я поставил наблюдателя проверить, что что-то будет выполнено после срабатывания функции setTimeout. Я просто не вижу, что изменение обнаружено.

Адрес jsbin. Im действительно не понимает sth или делает действительно rockie ошибку.

Answer 1

Вам нужно положить $scope.$apply(); в нижней части вашего таймаута, чтобы вызвать обновление. В качестве альтернативы вы можете использовать инъектируемый $timeoutservice вместо setTimeout, а $ apply будет автоматически вызван.

jsbin