加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 从ng单击获取原始元素

发布时间:2020-12-17 09:18:38 所属栏目:安全 来源:网络整理
导读:我有一个项目列表,在我的视图中ng单击附加到他们: 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函数中的点击
我有一个项目列表,在我的视图中ng单击附加到他们:
<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标签。然后我要做这样的东西,得到李:

$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。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读