<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body ng-app="myApp"> <div ng-controller="parentCtrl"> <div ng-controller="childrenCtrl"> <button type="button" ng-click="go_parent()">go parent</button> <button type="button" ng-click="go_children()">go children</button> <div ng-controller="children_firstCtrl"> </div> </div> <div ng-controller="brotherCtrl"> </div> </div> <script src="../js/angular.js"></script> <script> var app=angular.module('myApp',[]); app.controller('parentCtrl',function($scope){ $scope.$on('event1',function(event,data){ console.log('在父级中监听到',data); }); $scope.$on('event2',function(event,data){ console.log('在父级中监听到',data); }) }); app.controller('childrenCtrl',function($scope){ $scope.data_time=[1,12,3,4,55,43]; $scope.go_parent=function(){ $scope.$emit('event1',$scope.data_time); }; $scope.go_children=function(){ $scope.$broadcast('event2',$scope.data_time); } }); app.controller('children_firstCtrl',function($scope){ $scope.$on('event1',function(event,data){ console.log('在父级中监听到',data); }); $scope.$on('event2',function(event,data){ console.log('在父级中监听到',data); }) }); app.controller('brotherCtrl',function($scope){ }) </script> </body> </html>
angualr的$emit,$broadcast,$on
最新推荐文章于 2020-07-24 14:12:09 发布