angular - 防止在禁用操作按钮单击时关闭对话框

Question

当用户单击禁用的操作按钮时，我想防止关闭对话框。

    <mat-dialog-actions>
    <lib-button mat-dialog-close>{{ cancel }}</lib-button>
    <lib-button [disabled]="isFormInvalid" [mat-dialog-close]="data.form">{{
      confirm }}</lib-button>
  </mat-dialog-actions>

图书馆：

    <button
  mat-button
  [type]="type"
  [ngClass]="matType"
  [color]="backgroundColor"
  [fxFlex]="setFxFlex ? 'auto' : 'initial'"
  [disabled]="disabled"
  (click)="onClick.emit($event)"
  [style.height]="size"
  [style.width]="size"
>
  <lib-icon *ngIf="materialIcon">
    {{ materialIcon }}
  </lib-icon>
  <ng-content></ng-content>
</button>

这是代码，我希望它可以工作，但事实并非如此。尽管该按钮显示为禁用，但当用户单击它时它仍会关闭对话框。

任何线索表示赞赏，谢谢。

Answer 1

<... [mat-dialog-close]="{action:'delete', data: data.id}">

<... [mat-dialog-close]="{action:'close'}">

<... [mat-dialog-close]="{action:'save', data: data.form}">

您可以将您的操作发送到该方法，switch以防您可以执行操作。