如何基于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 。