Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了角度 – 避免点击表格行大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在表格行中加了一个按钮.但我想分别为他们处理onClick事件.但是当我点击按钮时,表格行点击事件也会被触发.如何仅在单击按钮时仅触发按钮单击元素.这是我目前正在使用的代码
<table class="table" style="width:100%;">
      <div  *ngFor="let data of Data; let j = index;">
            <tr [ngClass]="{onClickMember: data .clickeD}" (click)="addData(data,j)">                
              <td width="15%">{{member.namE}}</td>
                 <td width="15%"><button class="role-toggle" (click)="changeData(data,j)">{{data .rolE}}</button></td>

              </tr>
     </div>
</table>
您可以在(单击)函数中传递特殊的$event对象.

< button class =“role-toggle”(click)=“changeData($event,data,j)>

代码中捕获事件并停止传播

changeData(event,j) {
   event.stopPropagation()
}

大佬总结

以上是大佬教程为你收集整理的角度 – 避免点击表格行全部内容,希望文章能够帮你解决角度 – 避免点击表格行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。