标签:
angular事件系统并不与浏览器的事件系统相通,这意味着,我们只能在作用域上监听Angular事件而不是DOM事件。
angular事件传播:在嵌套的controller作用域链上是可以向下传播($broadcast)和向上传播($emit)。
<div ng-controller="ParentCtrl"> //父级 <div ng-controller="SelfCtrl"> //自己 <a ng-click="click()">click me</a> <div ng-controller="ChildCtrl"></div> //子级 </div> <div ng-controller="BroCtrl"></div> //平级 </div> .controller(‘SelfCtrl‘, function($scope) { $scope.click = function () { $scope.$broadcast(‘to-child‘, ‘child‘); $scope.$emit(‘to-parent‘, ‘parent‘); } }); .controller(‘ParentCtrl‘, function($scope) { $scope.$on(‘to-parent‘, function(d,data) { console.log(data); //父级能得到值 }); $scope.$on(‘to-child‘, function(d,data) { console.log(data); //子级得不到值 }); }); .controller(‘ChildCtrl‘, function($scope){ $scope.$on(‘to-child‘, function(d,data) { console.log(data); //子级能得到值 }); $scope.$on(‘to-parent‘, function(d,data) { console.log(data); //父级得不到值 }); }); .controller(‘BroCtrl‘, function($scope){ $scope.$on(‘to-parent‘, function(d,data) { console.log(data); //平级得不到值 }); $scope.$on(‘to-child‘, function(d,data) { console.log(data); //平级得不到值 }); });用$broadcast赋的值,只能子级得到值;$emit赋的值,只能父级得到;而平级的什么都不能得到。
标签:
原文地址:http://my.oschina.net/haoqoo/blog/422265