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');
};
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏