在AngularJS中，Controller是应用程序的核心组件之一，用于扩展视图的作用域($scope)，以便向视图提供数据和功能。本文将深入探讨AngularJS中不同Controller之间如何传递数据。
Controller之间的通信主要依赖于作用域($scope)的继承机制。在AngularJS中，每个Controller都会创建一个新的作用域，它会继承其父级Controller的作用域，直到顶级的$rootScope。如果在当前作用域找不到某个属性，AngularJS会向上搜索，直到在$rootScope中找到或找不到为止。例如，一个名为`ParentController`的Controller可以在其作用域中定义一个对象`person`，然后在嵌套在其内的`ChildController`中访问这个对象。通过点击事件，`ChildController`可以修改`person`的属性，这将在`ParentController`的作用域中也得到更新。
```javascript
app.controller('ParentController', function($scope) {
$scope.person = {greeted: false};
});
app.controller('ChildController', function($scope) {
$scope.sayHello = function() {
$scope.person.name = 'Ari Lerner';
};
});
```
HTML模板：
```html
<div ng-controller="ParentController">
<div ng-controller="ChildController">
<a ng-click="sayHello()">Say hello</a>
</div>
{{ person }}
</div>
```
输出结果为：`{"greeted": true, "name": "Ari Lerner"}`
然而，仅仅依赖作用域继承可能存在局限性，特别是当Controller之间没有嵌套关系时。这时，可以使用AngularJS的事件系统，通过`$on`、`$emit`和`$broadcast`实现Controller间的通信。
1. `$broadcast`：该方法用于向当前作用域及其所有子作用域发送事件。在`ChildController`中使用`$broadcast`发送事件，然后在任何子作用域（包括`ParentController`）中监听该事件。
```javascript
app.controller('ParentController', function($scope) {
$scope.$on('$fromSubControllerClick', function(e, data) {
console.log(data); // hello
});
});
app.controller('ChildController', function($scope) {
$scope.sayHello = function() {
$scope.$broadcast('$fromSubControllerClick', 'hello');
};
});
```
2. `$emit`：相反，`$emit`则向父级作用域发送事件，直到到达根作用域($rootScope)。这种方法适用于需要向更高级别Controller传递信息的情况。
使用`$emit`和`$on`组合时，应尽量避免在大量子作用域中触发和监听事件，因为这可能导致性能下降。为优化性能，可以考虑在$rootScope上绑定事件监听器，并在不再需要时手动移除。
```javascript
app.controller('MyController', ['$scope', '$rootScope', function($scope, $rootScope) {
var unbindHandler = $rootScope.$on('myEvent', function(event, data) {
// 处理事件
});
// 当控制器被销毁时，取消事件监听
$scope.$on('$destroy', unbindHandler);
}]);
```
此外，AngularJS的服务也可以作为Controller间通信的桥梁。比如，可以创建一个自定义服务（使用`$provider`或`.factory`、`.service`），并在需要通信的Controller中注入该服务，通过服务共享数据。服务的优势在于它们是单例的，可以在应用程序的任何地方使用，且生命周期与应用程序一致。
总结来说，AngularJS中Controller间的通信主要有三种方式：作用域继承、事件广播（`$on`、`$emit`、`$broadcast`）以及服务。根据项目需求和性能考虑，可以选择最适合的方式来实现不同Controller之间的数据交互。在实际开发中，结合使用这些方法，可以构建出灵活且高效的AngularJS应用程序。
