Angularjs Controller间通信有哪些实例方法？

AngularJS作为一款经典的前端框架，其Controller间的通信是构建复杂应用时的核心需求，由于Controller的独立性，AngularJS提供了多种通信机制，开发者需根据场景选择合适的方式，本文将通过实例分析AngularJS中Controller间通信的主流方法，包括作用域继承、$rootScope、服务（Service）、事件广播以及$rootScope.$on等机制,并对比其适用场景与注意事项。

作用域继承与$rootScope：父子通信的基础

在AngularJS中，Controller的作用域通过DOM层级形成原型继承链，当存在嵌套Controller时，子Controller可以直接访问父Controller作用域中的属性和方法，这是最基础的通信方式。

<div ng-controller="ParentCtrl">  
  <p>父级数据：{{parentData}}</p>  
  <div ng-controller="ChildCtrl">  
    <p>子级访问父级数据：{{parentData}}</p>  
  </div>  
</div>  

对应的Controller定义：

app.controller('ParentCtrl', function($scope) {  
  $scope.parentData = '来自父级的数据';  
});  
app.controller('ChildCtrl', function($scope) {  
  // 子作用域继承父作用域，可直接访问parentData  
});  

这种方式的优点是实现简单，但仅适用于存在嵌套关系的Controller，若需跨级或非嵌套通信，则需借助$rootScope。$rootScope是整个应用的根作用域，所有子作用域都会继承它，通过$rootScope.$broadcast或$rootScope.$emit，可实现全局事件通信，但需注意$rootScope.$emit的事件只能被上层作用域捕获，而$rootScope.$broadcast则可向所有子作用域广播。

服务（Service）：共享数据的推荐方案

Service是AngularJS中单例的对象，在整个应用生命周期内存在，因此是Controller间共享数据的理想选择，通过依赖注入，多个Controller可访问同一个Service实例，实现数据同步，定义一个共享数据服务：

app.service('DataShareService', function() {  
  this.sharedData = '初始数据';  
  this.updateData = function(newData) {  
    this.sharedData = newData;  
  };  
});  

在Controller中注入并使用：

app.controller('CtrlA', function(DataShareService) {  
  $scope.data = DataShareService.sharedData;  
  $scope.update = function() {  
    DataShareService.updateData('CtrlA修改的数据');  
  };  
});  
app.controller('CtrlB', function(DataShareService) {  
  $scope.data = DataShareService.sharedData;  
});  

当CtrlA调用updateData方法后，CtrlB中的数据会同步更新，Service的优势在于数据集中管理，避免了作用域污染，适合复杂应用中的状态共享。

事件机制：松耦合通信的灵活选择

AngularJS提供了$on、$emit、$broadcast三个方法实现作用域间的事件通信，适用于需要解耦的场景。

• $emit：从当前作用域向上触发事件，可被父级及更上层作用域捕获。
• $broadcast：从当前作用域向下广播事件，可被所有子作用域捕获。
• $on：监听作用域上的事件。

两个兄弟Controller通过父作用域中转通信：

<div ng-controller="ParentCtrl">  
  <div ng-controller="CtrlA">  
    <button ng-click="sendMsg()">发送消息</button>  
  </div>  
  <div ng-controller="CtrlB">  
    <p>接收消息：{{message}}</p>  
  </div>  
</div>  

app.controller('ParentCtrl', function($scope) {  
  $scope.$on('msgFromA', function(event, msg) {  
    $scope.message = msg;  
  });  
});  
app.controller('CtrlA', function($scope) {  
  $scope.sendMsg = function() {  
    $scope.$emit('msgFromA', '来自CtrlA的消息');  
  };  
});  
app.controller('CtrlB', function($scope) {  
  // CtrlB通过监听父作用域的事件接收消息  
});  

事件机制适合一次性通知或松耦合交互，但过度使用可能导致事件流混乱，需合理命名事件并注意销毁监听器（$destroy事件）。

通信机制对比与选择建议

为更直观地对比不同机制，以下是总结表格：

实际开发中，应根据Controller的层级关系、数据耦合度及维护成本选择方案，简单嵌套通信优先使用作用域继承；复杂状态共享推荐Service；临时通知或用户交互则适合事件机制，合理组合这些机制，可构建出高效、可维护的AngularJS应用。