Angular 禁用垫按钮的点击事件

Question

我在垫子表中有一个带有按钮的列。 根据一个值，我检查按钮是否应该启用或禁用并且工作正常。 问题是如果用户点击一个禁用的按钮，它会得到一个错误。 如何禁用禁用按钮的单击事件？

<ng-container matColumnDef="download">
      <th mat-header-cell *matHeaderCellDef>download</th>
      <td mat-cell *matCellDef="let element">
          <mat-button  [disabled]="isDisabled(element.status)" (click)="download(element.value)"> download </mat-button>
      </td>
    </ng-container>

Answer 1

<ng-container matColumnDef="download">
  <th mat-header-cell *matHeaderCellDef>download</th>
  <td mat-cell *matCellDef="let element">
      <mat-button  [disabled]="isDisabled(element.status)" (click)="!isDisabled(element.status) && download(element.value)"> download </mat-button>
  </td>
</ng-container>