2

我想使用带有可点击行的角材料垫表以及带有 Firefox Browser的按钮列。

当我第一次添加按钮时，事件没有被触发（只是行的事件）。

我阅读了一些关于该问题的主题： Angular Material 2 Table Mat Row Click event also called with button click in Mat Cell

单击该行中单元格中的操作时触发 Angular Material 表行（单击）事件

我可以event.stopPropagation在 Chrome 浏览器上使用它，但不能在 Firefox 63.0.3（64 位）上使用。在 Firefox 中根本不会触发任何事件。

<mat-table [dataSource]="dataSource" matSort>
.
.
.
  <ng-container *ngIf="roles.approver" matColumnDef="approve">
    <mat-header-cell *matHeaderCellDef mat-sort-header>Approve</mat-header-cell>
    <mat-cell *matCellDef="let element" (click)="$event.stopPropagation()">
      <button mat-icon-button type="button">
        <mat-icon color="primary" (click)="approve(element.receipt_id, 2)">check_circle</mat-icon>
      </button>
    </mat-cell>
  </ng-container>

  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;" (click)="onDetail(row.receipt_id)"></mat-row>

</mat-table>

任何人都可以使用Firefox吗？

4

0 回答 0