angular - 根据条件禁用按钮

Question

我对 Angular 4 很陌生。我有 4 个输入文本，比如名称、地址、邮政编码和国家/地区，这是一个下拉列表。

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

请帮忙。

Answer 1

如果您使用 AngularFormsModule或，则可以相应地设置验证，如果所有表单元素都有效，则ReactiveFormsModule自动神奇地获取valid带有变量的属性。ngForm您可以直接将其绑定到[disabled]html 模板中的属性并使其正常工作。

Answer 2

您可以将 [disabled]="boolean" 添加到您的 html 元素以使其有条件地禁用。

例如：

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

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