单击列时，角度表可防止行单击

Question

当我单击表行时，它应该展开并显示一些额外的数据，但是当我单击列时，它不应该展开行，而不应该执行列单击。

我已经简化了代码，请在此处查看完整的代码示例

    <!-- Weight Column -->
    <ng-container matColumnDef="weight">
        <th mat-header-cell *matHeaderCellDef> Weight </th>
        <td mat-cell *matCellDef="let element" (click)="weightCicked(element)"> {{element.weight}} </td>
      </ng-container>
    
      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
      <tr mat-row (click)="rowclicked(row)" *matRowDef="let row; columns: displayedColumns;"></tr>

当我点击weight列时，rowClicked也被调用，我怎样才能调用唯一的weightCicked方法？

Answer 1

您可以在$event.stopPropagation();绑定时添加(click)td

<td mat-cell *matCellDef="let element" (click)="weightCicked(element); $event.stopPropagation();"> {{element.weight}} </td>