0

我的对话框中有一个提交和一个取消按钮,当我单击提交按钮时验证有效,但是我希望当我单击取消按钮时,表单无需验证即可关闭...现在当我单击取消按钮验证时解雇并第二次关闭表格。

HTML代码:

<button  mat-button (click)="closeDialog()" mat-flat-button>Cancel</button>

ts代码:

  closeDialog(){
    this.dialogRef.close({event:'Cancel'});
  }

如何一键关闭表单?谢谢...

4

1 回答 1

0

你可以mat-dialog-close在你的按钮标签上使用,不需要额外的功能

<button mat-button mat-dialog-close mat-flat-button>Cancel</button>

角材料垫-对话框示例

堆栈闪电战示例

于 2021-10-25T07:51:08.793 回答