为什么我们在AngularJS中使用$ rootScope。$ broadcast？

$ rootScope。$ broadcast用于广播“全局”事件，该事件可以被该特定范围的任何侦听器捕获。后代作用域可以使用$ scope。$ on捕获并处理此事件。

句法：

$rootScope.$broadcast(name, args)

$scope.$on(name, listener);

其中，侦听器指定捕获事件时要调用的函数。

方法：

• 创建要从中引发/广播事件的ParentController。
• 在AngularJS中使用$ rootScope。$ broadcast从ParentController广播事件。
• 创建一个ChildController或ExternalController(即，不是ParentController的直接后代)来捕获和处理事件。
• 在AngularJS中使用$ scope。$ on捕获相应事件。

示例：此程序使用$ rootScope。$ broadcast通过上述方法引发事件。

  

    
  
    
        var app = angular.module('app', []);
        app.controller('ParentController', function(
                       $rootScope, $scope) {
            $scope.broadcastMessage = function() {
                $rootScope.$broadcast('newEvent', {
                    message: $scope.parentMessage
                });
            };
  
        });
        app.controller('ChildController', function($scope) {
            $scope.$on('newEvent', function(event, args) {
                $scope.message = args.message;
            });
        });
        app.controller('ExternalController', function($scope) {
            $scope.$on('newEvent', function(event, args) {
                $scope.message = args.message;
            });
        });
    
    
        h1,
        code {
            color: green;
        }
          
        p {
            color: green;
            display: inline-block;
        }
          
        div {
            border-color: black;
            border-style: solid;
            padding: 10px;
        }
    

  

    
        Parent Controller
        
        
          Broadcast Message
      
  
        
        
        
            Child Controller
            Message :
  
            {{message}}
        
    
    
    
    
        External Controller
        Message :
  
        {{message}}
    

  

输出：