angular - 如何获取验证规则 FormControl？

Question

我有一个这样的反应控制：

rootDocumentType: new FormControl(null, Validators.required);

我想检查这个字段是否有required规则，然后在模板中显示一个星号，如下所示：

<span *ngIf = "form.controls.rootDocumentType.validator.required">*</span>

我该如何实施？

标签： angularangular-reactive-forms

Answer 1

您可以创建自定义isRequired方法并传递每个控件以获取验证状态是否已验证。

模板：

<span *ngIf="isRequired(form.get('rootDocumentType'))">*</span>

在组件中

注意： 如果您注意到我曾经将其设为布尔值，验证器总是有一个对象。!!

 isRequired(control: AbstractControl) {
   return control.validator ? !!control.validator(control) : false;
 }