- 1当我第一次接触grad_cam（一）_安装pytorch_grad_cam
- 2Kubernetes 编排神器之 Helm_helmchart可视化编排工具
- 3没有初中毕业证可以学计算机吗,读技校要初中毕业证吗 没有毕业证可不可以读技校...
- 4java面试题-异常关键字_java\声明异常时使用下列哪个关键字
- 5Android 点击悬浮窗后台启动Activity问题及方案_vivo后台启动activity
- 6华为鸿蒙系统失败,世界首富很无奈，第三大手机系统失败，华为鸿蒙会成功吗...
- 7数据结构——有向无环图（AOV网、AOE网）_aov网名词解释
- 8tomcat的wget链接_tomcat配置解决不带www跳转到www域名方案
- 9c++ 局域网远程开机（wol、魔术包）_{"c":"jwoii"}
- 10linux centos系统启动失败:VFS:Unable to mount root fs on unknown-block
angular4点击事件监听_angular 事件广播和事件监听
赞
踩
一，angularjs $broadcast $emit $on的处理思想
在一个controller里面通过事件触发一个方法，在方法里面通过$broadcast或$emit来定义一个变量，在父，子controller里面通过$on来获取。
二，实例说明angularjs $broadcast $emit $on的用法
click me
js代码
appControllers.controller('SelfCtrl', function($scope) {
$scope.click = function () {
$scope.$broadcast('to-child', 'child');
$scope.$emit('to-parent', 'parent');
}
});
appControllers.controller('ParentCtrl', function($scope) {
$scope.$on('to-parent', function(d,data) {
console.log(data); //父级能得到值
});
$scope.$on('to-child', function(d,data) {
console.log(data); //子级得不到值
});
});
appControllers.controller('ChildCtrl', function($scope){
$scope.$on('to-child', function(d,data) {
console.log(data); //子级能得到值
});
$scope.$on('to-parent', function(d,data) {
console.log(data); //父级得不到值
});
});
appControllers.controller('BroCtrl', function($scope){
$scope.$on('to-parent', function(d,data) {
console.log(data); //平级得不到值
});
$scope.$on('to-child', function(d,data) {
console.log(data); //平级得不到值
});
});
点击Click me的输出结果
child
parent
用$broadcast赋的值，只能子级得到值；$emit赋的值，只能父级得到；而平级的什么都不能得到。
