我的视图中有一个项目列表ng-click
附在他们身上:
<ul id="team-filters">
<li ng-click="foo($event, team)" ng-repeat="team in teams">
<img src="{{team.logoSmall}}" alt="{{team.name}}" title="{{team.name}}">
</li>
</ul>
我正在处理点击事件foo
在我的指令中起作用,传递$event
作为对已单击对象的引用,但我得到了对img
标签,而不是li
标签。然后我必须做这样的事情才能得到li
:
$scope.foo = function($event, team) {
var el = (function(){
if ($event.target.nodeName === 'IMG') {
return angular.element($event.target).parent(); // get li
} else {
return angular.element($event.target); // is li
}
})();
有没有一种简单的方法来获取对元素的引用ng-click
是绑定的,而不在我的指令中执行 DOM 操作?
你需要$event.currentTarget
代替$event.target
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)