避免點擊表格行

Question

我已經在表格行中包含了一個按鈕。但我想單獨爲他們處理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> 

Answer 1

您可以通過特殊的$event對象在你（點擊）函數的代碼。

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

捕捉代碼中的事件，並停止傳播史的TR

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