$scope绑定事件之$on方法和$emit,$broadcast
2015-02-05 12:50
387 查看
function DemoCtrl($scope){
$scope.count = 0;
$scope.$on('myevent',function(){
$scope.count++;
})
}
视图
<button ng-click="$emit('myevent')"></button>向同级以上dom所在的作用域传递,就是说只有同级以上的dom里访问才能访问到count属性，
<button ng-click="$broadcast('myevent')"></button>向同级以下dom所在的作用域传递，同理只有同级以下的dom里访问才能访问到count属性，
$scope.count = 0;
$scope.$on('myevent',function(){
$scope.count++;
})
}
视图
<button ng-click="$emit('myevent')"></button>向同级以上dom所在的作用域传递,就是说只有同级以上的dom里访问才能访问到count属性，
<button ng-click="$broadcast('myevent')"></button>向同级以下dom所在的作用域传递，同理只有同级以下的dom里访问才能访问到count属性，
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- angularjs事件传递$on、$emit和$broadcast
- Angularjs中的事件广播 ―全面解析$broadcast,$emit,$on
- Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
- 任意绑定自定义控件的指定事件的处理方法
- jquery下onpropertychange事件的绑定方法
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- JavaScript中绑定事件监听函数的通用方法 addEvent() [转]
- JavaScript 事件绑定的方法说明
- asp.net下绑定TextBox回车事件的解决方法
- 绑定Repeater控件的通用方法（包括分页事件）
- JavaScript事件绑定的方法说明
- jQuery 重复绑定事件的解决方法
- jQuery中的bind绑定事件与文本框改变事件的临时解决方法
- JavaScript事件绑定的方法说明
- jQuery简单绑定单个事件的方法示例
- jquery下onpropertychange事件的绑定方法
- JavaScript事件绑定的方法说明
- JavaScript事件绑定的方法说明
- attachEvent方法绑定事件
- jQuery中的bind绑定事件与文本框改变事件的临时解决方法