angularjs多个控制器公用一个服务问题

是这样的,我有一个自定义的服务,两个控制器同时注入了这个服务,在一个控制器修改服务中的数据,另一个也引用了这个数据的控制器,如何自动变化更新引用的数据?只能通过广播么

阅读 3.5k
2 个回答

可以自己实现一个observer pattern:

Service:

factory('DemoService', function() {
  var observerCallbacks = [];

  var notifyObservers = function(){
    angular.forEach(observerCallbacks, function(callback){
      callback();
    });
  };

  var service = {
    shareValue: 'shareValue',
    registerObserverCallback: function(callback){
      observerCallbacks.push(callback);
    },
    setShareValue: function(val) {
      this.shareValue = val;
      notifyObservers();
    }
  };
  return service;
});

Controller:

function FooCtrl($scope, DemoService){
  var updateFoo = function(){
    $scope.foo = DemoService.foo;
  };

  DemoService.registerObserverCallback(updateFoo);

  DemoService.setShareValue('new value');
};
推荐问题
宣传栏