Angularjs中的事件广播 —$broadcast,$emit,$on
来源:互联网 发布:历史时间轴软件 编辑:程序博客网 时间:2024/05/16 12:45
Angularjs中不同作用域之间可以通过组合使用$broadcast,$emit,$on的事件广播机制来进行通信
介绍:
$broadcast的作用是将事件从父级作用域传播至子级作用域,包括自己。格式如下:$broadcast(eventName,args)
$emit的作用是将事件从子级作用域传播至父级作用域,包括自己,直至根作用域。格式如下:$emit(eventName,args)
$on用于在作用域中监控从子级或父级作用域中传播的事件以及相应的数据。格式如下:$on(event,data)
上述说明中,eventName是需要监控的事件的名称,$on 方法中的参数event是事件的相关对象,data是事件传播的数据。
在$on的方法中的event参数,有如下的属性和方法
事件属性/方法 功能性说明
事件属性/方法 功能性说明
比如父作用域里有如下
// 弹窗控制
view: function (){
if (1) {
var args = $.extend({}, vm.param);
$scope.$broadcast('attendanceDetail', args);
}
},
调用后
那么子作用域里有如下:
$scope.$on('attendanceDetail', function(event, msg) {
console.log(1);
NG.pop.attendanceDetail = true;
if (msg) {
vm.func.search();
}
});
- Angularjs中的事件广播 —$broadcast,$emit,$on
- Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
- Angularjs中的事件广播 —$broadcast,$emit,$on
- Angularjs中的事件广播(全面解析$broadcast,$emit,$on)
- AngularJS中的$emit,$broadCast,$on
- 理解angularjs中的$emit,$broadcast和$on
- 理解angularjs中的$emit,$broadcast和$on
- 理解angularjs中的$emit,$broadcast和$on
- angularjs------$emit, $broadcast, $on
- angularjs $on、$emit、$broadcast
- AngularJS: $broadcast $emit $on
- angularjs $emit $broadcast $on 通讯
- angularjs的$on、$emit、$broadcast
- AngularJS的$on、$emit、$broadcast
- angularjs的$on、$emit、$broadcast
- angularjs的事件 $broadcast and $emit and $on
- angularjs的事件 $broadcast and $emit and $on
- angularjs的事件 $broadcast and $emit and $on
- 使用SpringMVC使用异步提交时报406错误
- 我的 redis3.*主从连接失败可能原因
- Ubuntu14.04下搜狗输入法安装
- Vuejs computed set get计算属性
- 快速傅里叶算法(灌水)
- Angularjs中的事件广播 —$broadcast,$emit,$on
- 阿里云服务器的使用心得
- Could not get lock /var/lib/dpkg/lock
- linux的nohup命令的用法。
- 吴恩达深度学习课程笔记 1.4为什么深度学习会兴起?
- Android设计模式之(23)----享元模式
- java类加载过程
- Android 使用SurfaceView进行2D动画的开发
- 全文检索的基本原理