如何手动触发Angular 2输入验证？

Question

我有两个输入: - 第一个我应用我的自定义验证器 - 第二个我在自定义验证器中使用的值(它是动态和可编辑的)

如果我在第一个输入上应用我的自定义验证器,那么我将关注第二个并更改值 - 我想强制第一个输入重新验证...

目前,当我更改值时,它只会重新验证第一个输入...有什么建议吗？

在我关注第一个输入的那一刻,我可以访问它的参考:

            <input
              name="mEnd"
              class="form-control"
              [(ngModel)]="endDate"
              ...
              #endDateInput="ngModel"
              (focus)="clog(endDateInput)"
            >

我想知道我可以使用输入formControl引用方法触发重新验证吗？

Answer 1

您可以更新formControl的有效性

form.controls['myControl'].updateValueAndValidity();

Answer 2

我发现这要好得多

this.myForm.markAllAsTouched();

Answer 3

如果您具有模板驱动的表单，则可以访问引发ViewChild装饰器的表单：

@ViewChild('myForm') public form: NgForm;

然后，使用上述方法验证一个字段或整个表单组：

this.form.controls.myControl.updateValueAndValidity();