angularJs——阻止事件冒泡

参考：　　https://blog.csdn.net/github_38469481/article/details/72758385

 

我的需求：手风琴折叠列表，点击行a打开折叠，但是行上某一元素b有ng-click事件change()。点击行时会触发打开折叠 + change()事件。

原因： b的点击事件change()冒泡到了父元素a上。

解决：通过$event.stopPropagation()阻止事件冒泡。

　　方法一：元素上追加

　　<div ng-click="change();$event.stopPropagation();">111</div>

　

 　方法二：事件内追加　　

　　<div ng-click="change($event)">111</div>

　　$scope.change(e){
　　　　***
　　　　e.stopPropagation();
　　}