如何根据 API 响应设置字段有效性

Question

我有一个带有注册表单的 Angular 4 应用程序。提交时，我从 API 获得如果使用用户名或电子邮件（服务器验证规则）设置的信息。我试图找到一种类似于 AngularJS $setValidity(validationErrorKey, isValid) 中的 NgModelController 的方法来设置反应表单的字段有效性，但我不能。我只想在 API 响应后设置验证。

Answer 1

用于手动更改响应式表单的输入元素的验证状态（带有自定义错误），

您可以使用setError() 将状态更改为error：

this.form.controls.name.setErrors({'testError': true});

并通过

清除错误

this.form.controls.name.setErrors(null);

参考Plunker demo。