根据条件禁用按钮

问题描述 投票:-1回答:2

我很新的角度4.我有4个输入文本说,姓名,地址,邮编,和国家这是一个下拉列表中。

有当没有姓名,国家和地址被禁用的按钮。对于一些国家,邮政编码是强制性的(该检查是使用API​​调用这让我们真或假的值,如果真需要代码,然后压缩完成)。对于返回true国家,按钮必须为姓名,国家,地址和邮政编码被禁用。

请帮忙。

angular disable
2个回答
0
投票

如果您使用的角度FormsModuleReactiveFormsModule,可以设置相应的验证,并与valid变量自动奇迹般地获得ngForm财产,如果所有的表单元素是有效的。您可以直接在HTML模板绑定这个到[disabled]财产,并得到它的功能。


0
投票

您可以添加[禁用] =“布尔”你的html元素,使之有条件地禁用。

例如:

<button [disabled]="formNotComplete">submit form</button>

编辑:像Dhananjai排推荐确实如此。当采用了棱角分明的形式,你可以添加验证。然后,当你完成的形式是有效的,你可以启用按钮。

© www.soinside.com 2019 - 2024. All rights reserved.