AngularJS 控制器如何相互通信？

AngularJS 控制器交叉通信

一个 AngularJS 控制器可以调用另一个吗？

可以， AngularJS 为控制器提供了多种相互通信的机制其他。

共享服务

一种有效的方法是在控制器之间共享服务实例：

angular.module('MyApp', [])
  .service('SomeDataService', function() {
    // Shared data or methods
  })

function FirstController(SomeDataService) {
  // Use the data service...
}

function SecondController(SomeDataService) {
  // Access the same data service instance
}

在范围

另一种方法涉及在scope:

function FirstController($scope) {
  $scope.$on('someEvent', function(event, args) {
    // Listen for the event
  });
}

function SecondController($scope) {
  $scope.$emit('someEvent', args);
  // Trigger the event
}

其他通信方法

AngularJS 还支持：

• 父子控制器通信：使用 $scope .$parent
• 子级到父级控制器通信：使用$scope.$parent.$emit()
• 通过根作用域进行跨控制器通信：使用 $rootScope.$broadcast() 或 $rootScope.$emit()
• 自定义事件广播：在控制器或指令中使用 Angular 的 $broadcast 和 $on 方法

以上是AngularJS 控制器如何相互通信？的详细内容。更多信息请关注PHP中文网其他相关文章！