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();
　　}