angular1.x事件处理方式

• on()注册一个事件，

• emit() 调用父级事件，向上传播。

• broadcast()向下传播事件。

<div ng-app="app" ng-controller="parentCtr">
    <div ng-controller="childCtr1">
       name : <input ng-model="name" type="text" ng-change="change(name);"/>    
     </div> 
    <div ng-controller="childCtr2">
       Ctr1 name:  <input ng-model="ctr1Name"/>
     </div>
</div>

angular.module("app", [])
    .controller("parentCtr", function ($scope) {        
              $scope.$on('parentChange',function (event, msg) { 
                       $scope.$broadcast('ChildCtr1NameChange',msg);        
                      })
             })
      .controller("childCtr1", function ($scope) {
               $scope.change = function (name) {
                     console.log("childCtr1", name); 
                $scope.$emit("parentChange", name);
               };    
          })
       .controller("childCtr2", function ($scope) { 
            $scope.$on('ChildCtr1NameChange',function (event, msg) {
                   $scope.ctr1Name = msg;        })
        });