如何在angularjs中组合两个控制器

在AngularJS中，可以通过多种方式来组合两个控制器。以下是一些常用的方法：

使用服务（Service）：创建一个服务，将需要共享的数据或函数放在该服务中，然后在两个控制器中注入该服务，从而实现数据或函数的共享。例如：

angular.module('myApp', [])
  .service('sharedService', function() {
    this.sharedData = 'Hello, World!';
  })
  .controller('Controller1', function($scope, sharedService) {
    $scope.data = sharedService.sharedData;
  })
  .controller('Controller2', function($scope, sharedService) {
    $scope.data = sharedService.sharedData;
  });

使用事件（Event）：在一个控制器中触发一个自定义事件，然后在另一个控制器中监听该事件，并执行相应的操作。例如：

angular.module('myApp', [])
  .controller('Controller1', function($scope, $rootScope) {
    $scope.data = 'Hello, World!';
    $rootScope.$broadcast('dataUpdated', $scope.data);
  })
  .controller('Controller2', function($scope) {
    $scope.$on('dataUpdated', function(event, data) {
      $scope.data = data;
    });
  });

使用父子控制器（Parent-Child Controller）：在HTML模板中使用嵌套的控制器，通过父控制器将数据传递给子控制器。例如：

<div ng-app="myApp" ng-controller="ParentController">
  <div ng-controller="ChildController">
    {{ data }}
  </div>
</div>

<script>
angular.module('myApp', [])
  .controller('ParentController', function($scope) {
    $scope.data = 'Hello, World!';
  })
  .controller('ChildController', function($scope) {
    // 子控制器可以直接访问父控制器的数据
  });
</script>

这些方法可以根据具体的需求选择使用。需要注意的是，控制器之间的组合应该遵循单一职责原则，尽量保持控制器的简洁和可维护性。