angularjs ng-click 阻止事件冒泡
来源:互联网 发布:怎么克隆网站软件 编辑:程序博客网 时间:2024/06/05 22:46
废话不多说具体场景如下:
点击深色方形区域选中改条数据,点击详情按钮显示该数据对应的单据详情,但是问题出在点击详情的时候不仅展示了单据详情,同时执行了选中当前数据的操作(点击事件冒泡到了父元素上),所以解决该问题在于要阻止事件冒泡。
于是去查看关于ng-click的文档,官方文档这样描述:
可见事件对象是$event
。
所以我们可以在事件触发的时候传入$event
然后做阻止事件冒泡的操作,具体代码如下:
html:
<button class="btn btn-primary" ng-click="toogleShowDtl(o,$event)">详情</button>
js:
$scope.toogleShowDtl = function (item, e) { //阻止事件冒泡 e.stopPropagation(); //此处写其他操作 }
ok,此时就能完美的实现点击详情不触发选中事件了。
阅读全文
0 0
- angularjs ng-click 阻止事件冒泡
- angularJS, ng-click阻止冒泡
- AngularJS ng-click stopPropagation(阻止冒泡)
- AngularJs --ng-click事件
- javascript: click 阻止冒泡事件
- 【AngularJS学习】阻止事件冒泡
- 阻止jquery 的click事件冒泡
- AngularJS阻止事件冒泡$event.stopPropagation()
- vue中阻止click事件冒泡,防止触发另一个事件
- AngularJS ng-click bug
- 完美解决angularjs的ng-click事件不起作用问题
- vue2.0click点击事件修饰符stop阻止单击事件冒泡prevent阻止默认事件
- 阻止click点击事件
- AngularJS的ng-click过程
- angularjs ng-click 传参数
- angularJs中的ng-click指令
- angularjs动态添加ng-click
- AngularJS ng-repeat 中的ng-click事件以及参数的传递
- 理解Java中的引用传递和值传递
- scala中==,equals,eq与ne比较
- javascript 数组对象方法
- css中div的布局
- C++四种基本类型转换
- angularjs ng-click 阻止事件冒泡
- ZXing生成多种不同样式的二维码
- IO流`
- js 数组操作
- UML类图
- windows下SVN客户端cleanup失败的修复办法
- java集合操作
- 编译smdk2410 时#make 后出现这种错误,怎么解决
- myflag step7 增加friend的支持