angularJS, ng-click阻止冒泡
2017-06-28 00:00
253 查看
ngClick指令在相同作用域下创建了$event
该变量引用了js下的event对象,可以用来调stopPropagation函数阻止冒泡
[html] view plain copy
<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>
该变量引用了js下的event对象,可以用来调stopPropagation函数阻止冒泡
[html] view plain copy
<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>
相关文章推荐
- AngularJS的ng-click阻止冒泡
- angularJS, ng-click阻止冒泡
- angular ngClick阻止冒泡使用默认行为的方法
- Angular ngClick 阻止冒泡和默认行为
- Angular ngClick 阻止冒泡和默认行为
- angularjs ng-click 阻止事件冒泡
- angular ngClick 阻止冒泡和默认行为 推荐
- Angular ngClick 阻止冒泡和默认行为
- angular ngClick阻止冒泡,默认行为
- Angular ngClick 阻止冒泡和默认行为 (利用$event)
- angular ngClick阻止冒泡,默认行为
- jquery阻止冒泡事件:$('span').bind("click",function(event){event.stopPropagation();})(有用源)
- AngularJS:在ng-click中使用Filter。
- AngularJS - 在ng-repeat中使用ng-click为元素添加class
- angularjs-ng-click 指令
- angularjs 1.x 阻止事件冒泡
- angularJS动态生成的页面中,ng-click无效解决办法
- 阻止jquery 的click事件冒泡
- AngularJS基础 ng-click 指令示例代码
- javascript: click 阻止冒泡事件