angularJS, ng-click阻止冒泡

最新推荐文章于 2023-05-05 13:29:28 发布

转载最新推荐文章于 2023-05-05 13:29:28 发布 · 5k 阅读

收录于

angularJS 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在AngularJS中使用ngClick指令结合$event.stopPropagation()来阻止事件冒泡，通过具体示例展示了如何在表格行点击时显示用户信息，同时避免删除按钮触发行级点击事件。

ngClick指令在相同作用域下创建了$event

该变量引用了JS下的event对象，可以用来调stopPropagation函数阻止冒泡

<table>
  <tr ng-repeat="user in users" ng-click="showUser(user)">
    <td>{{user.firstname}}</td>
    <td>{{user.lastname}}</td>
    <td>
      <button class="btn" ng-click="deleteUser(user.id, $index); $event.stopPropagation();">
        Delete
      </button>
    </td>              
  </tr>
</table>

参考原文：http://stackoverflow.com/questions/20300866/angularjs-ng-click-stoppropagation