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

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

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


可以自己实现一个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');
};

谢邀,可以参考我的两篇文章:
使用AngularJS构建应用时遇到的问题及解决方案(版本为1.3.9)
Controller间的数据共享?最佳实践:使用Service

【热门文章】
【热门文章】