AngularJs 中两个模块之间的通信

AngularJS是一种流行的JavaScript框架，用于构建Web应用程序。在AngularJS中，模块是一种组织代码的方式，它将相关的功能组合在一起。在某些情况下，不同的模块之间需要进行通信以实现数据的共享和交互。本文将介绍AngularJS中两个模块之间的通信方法，并提供一个案例代码来说明。

javascript
// 在moduleA中改变变量的值
angular.module('moduleA', []).controller('controllerA', function($scope, $rootScope) {
  $scope.changeValue = function() {
    $rootScope.sharedValue = 'New Value';
  }
});
// 在moduleB中获取新值
angular.module('moduleB', []).controller('controllerB', function($scope, $rootScope) {
  $scope.getValue = function() {
    $scope.value = $rootScope.sharedValue;
  }
});

javascript
// 在moduleA中定义一个服务
angular.module('moduleA', []).service('dataService', function() {
  this.sharedValue = 'Default Value';
});
// 在moduleA中改变变量的值
angular.module('moduleA').controller('controllerA', function($scope, dataService) {
  $scope.changeValue = function() {
    dataService.sharedValue = 'New Value';
  }
});
// 在moduleB中获取新值
angular.module('moduleB', []).controller('controllerB', function($scope, dataService) {
  $scope.getValue = function() {
    $scope.value = dataService.sharedValue;
  }
});

html
  
  
  
    
Module A
    Change Value
  
  
    
Module B
    Get Value
    
Value: {{value}}