javascript - 如何在 Angular-UI-Router 中的所有命名 View 中更新作用域变量

Question

以下笨蛋可能会更好地描述我面临的问题: http://plnkr.co/edit/y7BMdyRhj2WvFXq0UUud?p=preview

我想更改 resAVal 变量的值，该变量是所有命名 View A 中的 $rootScope 变量，B 和 C。所有命名 View 均由同一 Controller MainCtrl 管理。

可以在命名 View A中更新resAVal。

我只需要以某种方式在所有命名 View 中更新 resAVal 变量，它不必是 $rootScope 变量。

有人可以帮我吗？

Answer 1

这是一个工作 http://plnkr.co/edit/5Ut80w4dhO6IQmSSlx6f?p=preview

我会这样写:

app.directive('aview',['FruitService', function(FruitService){
  return {
     templateUrl: 'a.html',
     restrict: 'C',
     link: function($scope){
       $scope.resAVal = FruitService.resAVal;
     }
  }
}
]);

app.directive('bview',['FruitService', function(FruitService){
  return {
     templateUrl: 'b.html',
     restrict: 'C',
     link: function($scope){
       $scope.resAVal = FruitService.resAVal;
     }
  }
}
]);

app.directive('cview',['FruitService', function(FruitService){
  return {
     templateUrl: 'c.html',
     restrict: 'C',
     link: function($scope){
       $scope.resAVal = FruitService.resAVal;
     }
  }
}
]);

app.factory('FruitService', function(){
  return { resAVal : 5 }
});

实际上，您甚至不必在每个指令中执行 $scope.resAVal = FruitService.resAVal; ，您可以在工厂中执行 $scope.resAVal=yourvalue并在每个指令中注入(inject)工厂