您的位置:首页 > Web前端 > AngularJS

ng-click 事件获取dom元素 angular

2016-11-25 16:17 531 查看
大伙都知道,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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angular