javascript - 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');
};

这篇关于javascript - angularjs多个控制器公用一个服务问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！