angularJs中的 $event

最近在项目开发过程中,发现$event的作用十分强大。

在angularJs中,this指向$scope

但是可以$event配合使用$(event.target)实现

原来无效的代码:

$scope.addActive = function () {
            $(this).addClass("active").parent("li").siblings("li").children("a").removeClass("active")
    }

修改之后:

  • 全部
  • $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:'大图'
            })
        }
    ev.target.src即为图片路径。


    你可能感兴趣的:(前端开发,开发笔记,Angularjs)