根据条件禁用按钮

Question

我是Angular 4的新手。我有4个输入文本，例如名称，地址，邮政编码和国家/地区，这是一个下拉列表。

当没有名称，国家和地址时，有一个禁用的按钮。在少数国家/地区，邮政编码是强制性的（此检查是使用API​​调用完成的，API调用提供的是true或false，如果为true，则需要提供邮政编码）。对于返回true的国家/地区，必须禁用按钮的名称，国家/地区，地址和邮政编码。

请帮助。

Answer 1

您可以将[disabled] =“ boolean”添加到html元素中，使其有条件地被禁用。

例如：

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

编辑：确实像Dhananjai Pai推荐的那样。使用角度形式时，可以添加验证器。然后，当您填写的表单有效时即可启用该按钮。

Answer 2

如果您使用的是Angular FormsModule或ReactiveFormsModule，则可以相应地设置验证，并使用valid变量自动神奇地获取ngForm属性（如果所有形式）元素有效。您可以将其直接绑定到html模板中的[disabled]属性并使其起作用。