ng-click 事件获取dom元素 angular

大伙都知道,angular不推荐直接操作DOM元素,而是用指令代替它,但是有时候,我们就是想要获取事件的元素,比如点击等鼠标事件,当然只要理解其中一种,其他的都好说。

下面是代码:

<div>
    <ul >
        <li><a href="###" ng-click="clickHere($event)"></a></li>
    </ul>
</div>

js代码

$scope.clickHere() = function($event) {
    console.log($event.target)// a元素
}

函数中可以传入其他参数,另外ng-mouseoverr, ng-mouseenter等等各种事件的原理都一样。

另外,angualar.element(HTML string or DOMElement)方法可以把参数包装成一个jq对象,使用jq的方法,详见下面的链接:
https://docs.angularjs.org/api/ng/function/angular.element

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值