AngularJS的学习--$on、$emit和$broadcast的使用
发布时间:2020-12-17 10:35:23 所属栏目:安全 来源:网络整理
导读:$emit只能向parent controller传递event与data $broadcast只能向child controller传递event与data $on用于接收event与data 例子如下 html代码 div ng-controller = "ParentCtrl" !-- 父级 -- "SelfCtrl" 自己 a ng-click "click()" click me / a "ChildCtrl"
例子如下 html代码 <div ng-controller="ParentCtrl"> <!--父级--> "SelfCtrl" 自己 a ng-click"click()"click me</a "ChildCtrl"div 子级 "BroCtrl" 平级 js代码 app.controller('SelfCtrl',function($scope) { $scope.click = function () { $scope.$broadcast('to-child','child'); $emit('to-parent',68)">'parent'); } }); app.controller('ParentCtrl',128)">$on((event,data) { console.log(//父级能得到值 }); 子级得不到值 }); }); app.controller('ChildCtrl',128)">$scope){ 子级能得到值父级得不到值'BroCtrl',128)">$scope){ console.log(平级得不到值 }); }); }); 最终结果 ParentCtrlchild ChildCtrlparent $emit和$broadcast可以传多个参数,$on也可以接收多个参数。 在$on的方法中的event事件参数,其对象的属性和方法如下
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |