angularJs中的 $event
程序员文章站
2022-07-02 18:51:36
...
最近在项目开发过程中,发现$event的作用十分强大。
在angularJs中,this指向$scope
但是可以$event配合使用$(event.target)实现
原来无效的代码:
$scope.addActive = function () {
$(this).addClass("active").parent("li").siblings("li").children("a").removeClass("active")
}
修改之后:
<li><a href="javascript:;" class="active" ng-click="addActive($event)">全部</a></li>
$scope.addActive = function (ev) {
$(ev.target).addClass("active").parent("li").siblings("li").children("a").removeClass("active")
}
也就是说,要模拟jq的this指向,使用$event.target即可。
应用:
点击之后放大图片,这里的作用是获取被点击的图片路径:
使用的时候传入$event即可
ng-click="showBigImg($event)
$scope.showBigImg=function (ev) {
// layer.alert(ev.target.src)
layer.open({
skin: 'top-200',
title:'',
area:['760px','500px'],
id:"bigImg",
content:'<img src='+ev.target.src+' alt="大图">'
})
}
ev.target.src即为图片路径。推荐阅读
-
.NET中如何将文本文件的内容存储到DataSet
-
对layui中的onevent 和event的使用详解
-
PHP中mb_convert_encoding与iconv函数的深入解析_PHP
-
使用distinct在mysql中查询多条不重复记录值的解决办法
-
php类中的$this,static,final,const,self这几个关键字使用方法_php实例
-
php中全局变量global的使用演示代码_PHP
-
在tinkphp中volist双层循环,第一层的<{key}>增么放到第二回也能用呢
-
SEO网站优化中,怎样做好网站内部的优化
-
Shell脚本中判断输入参数个数的方法
-
php获取URL中带#号等特殊符号参数的解决方法