我对 [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>
我将变量传递给它formisvalid
。true
除非输入无效。formisvalid
。false
。
所以,我的问题是:我是否错误地使用了 [mat-dialog-close] 或者我只是做错了什么?
答案
如果表单无效,请将按钮设置为禁用。
<button type="submit" (click)="addUser()" mat-dialog-close [disabled]="formisvalid" mat-button>Submit</button>