如何获取窗体的控制器

Question

>假设我有几个窗体，每个窗体都有自己的控制器，如下所示

 <div ng-controller="MyController1 as ctrl">
    <label>Some label </label>
</div>
<div ng-controller="MyController2 as ctrl">
    <label>Some label </label>
</div>

我有一个全局控制器，它获取有关表单名称的信息。现在我想找到每个窗体的控制器。例如，如果在我的全局控制器函数中，我得到了第一个表单的名称，我如何知道它的控制器是 MyController1？这可能吗？

Answer 1

可以从另一个控制器调用控制器。但是，我相信你试图解决的问题在别的地方：你的应用程序的架构。

理想情况下，应用应"响应"状态更改。状态应该保存在一个地方（也称为"单一事实来源"），即。一项服务。然后，根据需要与任意数量的控制器共享该服务状态。

可以直接从控制器更新服务状态，也可以通过在服务本身上调用方法来更新服务状态。

请看下面的例子。我希望这能带来一些启示。

干杯！

angular.module('app', [])
.service('MyService', function(){
  var self = this;
  self.state = {
    name: 'John'
  };
  
  self.changeNameFromService = function() {
    self.state.name = 'Peter';
  }
})
.controller('Ctrl1', function($scope, MyService){
  $scope.state = MyService.state;
  
  $scope.changeName = function(){
    // update the state of the scope, which is shared with other controllers by storing the state in a service
    $scope.state.name = 'Mary';
  }
})
.controller('Ctrl2', function($scope, MyService){
  $scope.state = MyService.state;
  
  // call a method defined in service
  $scope.changeName = MyService.changeNameFromService;
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="Ctrl1">
    Ctrl1: {{state.name}}
    <button ng-click="changeName()">Change name!</button>
  </div>
  
  <div ng-controller="Ctrl2">
    Ctrl2: {{state.name}}
    <button ng-click="changeName()">Change name from service!</button>
  </div>
</div>