angular – [mat-dialog-close]的用法
发布时间:2020-12-17 17:43:27 所属栏目:安全 来源:网络整理
导读:我对[mat-dialog-close]的用法有点困惑. 所以,我有一个表格对话框.如果用户单击提交按钮,则验证表单.如果输入有效,则关闭对话框并提交表单.但是,如果输入无效,则对话框将保持打开状态并显示错误消息.为此,我想使用[mat-dialog-close],因为它在official docum
我对[mat-dialog-close]的用法有点困惑.
所以,我有一个表格对话框.如果用户单击提交按钮,则验证表单.如果输入有效,则关闭对话框并提交表单.但是,如果输入无效,则对话框将保持打开状态并显示错误消息.为此,我想使用[mat-dialog-close],因为它在official documentation中描述,其使用如下: <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的值如何. 所以,我的问题是:我是否错误地使用了[mat-dialog-close],或者我只是做错了什么?如果使用[mat-dialog-close]指令无法实现这一点,那么实现我想要做的事情的另一种方法是什么? 解决方法
如果表单无效,请将按钮设置为禁用.这样,除非表单有效,否则无法单击该按钮,这意味着除非表单有效,否则不会关闭该按钮
<button type="submit" (click)="addUser()" mat-dialog-close [disabled]="formisvalid" mat-button>Submit</button> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |