我对 [mat-dialog-close] 的用法有点困惑。

所以,我有一个带有表单的对话框。官方文档其用法如下:

<button mat-button [mat-dialog-close]="true">Yes</button>

我认为我可以只向它传递一个布尔值,标签是否处于活动状态取决于变量的布尔值。

<button type="submit" (click)="addUser()" [mat-dialog-close]="formisvalid" mat-button>Submit</button>

我将变量传递给它formisvalidtrue除非输入无效。formisvalidfalse

所以,我的问题是:我是否错误地使用了 [mat-dialog-close] 或者我只是做错了什么?

答案

如果表单无效,请将按钮设置为禁用。

<button type="submit" (click)="addUser()" mat-dialog-close [disabled]="formisvalid" mat-button>Submit</button>

来自: stackoverflow.com