什么是事件
"color: #ff0000">"color: #ff0000">"color: #ff0000">"color: #000000">$on()方法带有两个参数:
event 事件对象
param 参数集合,$broadcast()、$emit()传递过来的参数集合 示例：
demo.html
<!doctype html>
<html ng-app="freefedApp">
<head>
<title>angular应用demo</title>
<script src="/UploadFiles/2021-04-02/angular.js">
app.js
/*声明module*/
var module = angular.module('freefedApp',[]);
/*声明控制器*/
module.controller('freefedCtrl',['$scope',function($scope){
//监听directiveClick事件
$scope.$on('directiveClick',function(event,param){
console.log( param ); // 打印结果 {title : '我是来自指令子级作用域'}
});
$scope.change = function(title){
var result = '请注意接收父级广播';
//向子级作用域广播parentBroadcast事件
$scope.$broadcast('parentBroadcast',{msg : result});
};
}]);
/*声明指令*/
module.directive('eventDirective',function(){
return {
scope : {
change : '&'
},
replace : true,
template : '<a>点我向上冒泡事件</a>',
link : function( scope,el,attr ){
el.on('click',function(){
//向上冒泡directiveClick事件，通知父级作用域
scope.$emit('directiveClick',{title : '我是来自指令子级作用域'});
});
//监听parentBroadcast事件广播
scope.$on('parentBroadcast',function(event,msg){
console.log( msg ); //打印结果 { msg : 请注意接收父级广播 }
});
}
};
});
事件对象属性
$on中的event事件对象属性如下：
•targetScope(作用域对象)
发送或者广播事件的作用域
•currentScope(作用域对象)
当前处理事件的作用域
•name(字符串)
正在处理事件的名称
•stopPropagation(函数)
stopPropagation()函数取消通过$emit触发事件的进一步传播
•preventDefault(函数) preventDefault()把defaultprevented标志设置为true,尽管不能停止事件传播，但是子作用域可以通过defaultprevented标志知道无需处理这个事件
•defaultPrevented(布尔值)
可以通过判断defaultPrevented属性来判断父级传播的事件是否可以去忽略
以上这篇浅谈angularJS中的事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。