$有变化时观看服务

这是一个可观察模式的例子,您在其中订阅服务的更改

app.service('dataservice', function($http) {
    var subscribers = [];
    var addSubscriber = function(func){
        subscribers.push(func);
    }
    var notifySubscribers = function(){
        for(var i = 0; i< subscribers.length; i++){
            subscribers[i](); //invoke the subscriber
        }
    };

    var addLog = function(){
        //let's say that the logs are added here

        //then notify the subscribers that a new log has been added
        notifySubscribers();
    };

    var getLogs = function() {
      return $http.get('/api/timeLogs')
        .then(success)
        .catch(fail);

      function success(response) {
        return response.data;
      }

      function fail(e) {
        return exception.catcher('XHR Failed for getPeople')(e);
      }
    };

    return {
        addSubscriber: addSubscriber,
        addLog: addLog,
        getLogs: getLogs
    }
});

然后在控制器中向服务添加订户功能

dataservice.addSubscriber(function(){

    console.log('new log added');
    dataservice.getLogs();
});

注意:这也可以通过 RxJs 图书馆

若您想检查并从服务器获取数据的更改,那个么观看服务并不是为了这个目的,可以使用轮询服务。

您每1秒(例如)从服务器检查一次:

例子:

$interval(function() {
    dataservice.getLogs().then(function(data) {
        vm.logs = data;
    });
}, 1000);

getLogs = function () {
  dataservice.getLogs().then(function(data){
    vm.logs = data;
    $timeout(getLogs, 1000)
  });
}