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

猜你喜欢

转载自www.cnblogs.com/linjiangxian/p/12503831.html