角度 – 避免点击表格行

发布时间：2020-12-17 10:18:50 所属栏目：安全来源：网络整理

导读：我在表格行中加了一个按钮.但我想分别为他们处理onClick事件.但是当我点击按钮时,表格行点击事件也会被触发.如何仅在单击按钮时仅触发按钮单击元素.这是我目前正在使用的代码 table class="table" style="width:100%;" div *ngFor="let data of Data; let j

我在表格行中加了一个按钮.但我想分别为他们处理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()
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!