如何在Angular2中触发表单验证器？

Angular2拥有强大的表单验证功能，可以方便地对各种表单元素进行验证。但是如何在Angular2中触发表单验证器呢？下面将为程序员进行介绍。

在Angular2中使用表单验证器

在Angular2中，我们可以使用Validators类中提供的静态方法来创建表单验证器。例如：

import { Validators } from '@angular/forms';

this.myForm = this.fb.group({
  name: ['', Validators.required],
  email: ['', [Validators.required, Validators.email]],
  age: ['', Validators.compose([
    Validators.required,
    Validators.min(18),
    Validators.max(60)
  ])]
});

上面的代码中，我们使用Validators类中的required、email、min和max等静态方法创建了一些简单的表单验证器。

触发表单验证器

在Angular2中，我们可以使用FormControl类中提供的markAsTouched()方法来触发表单验证器。例如：

if (this.nameControl.invalid) {
  this.nameControl.markAsTouched();
}

上面的代码中，我们首先检查nameControl是否存在错误，如果有错误就调用markAsTouched()方法将其标记为已经被触摸过。

我们还可以使用FormGroup类中提供的markAsTouched()方法来将整个表单标记为已经被触摸过，例如：

if (this.myForm.invalid) {
  this.myForm.markAsTouched();
}

上述代码中，我们检查整个表单是否存在错误，如果有错误就调用markAsTouched()方法将其标记为已经被触摸过。

总结

在Angular2中，我们可以使用Validators类中提供的静态方法来创建表单验证器，使用FormControl类中提供的markAsTouched()方法来触发单个表单元素的验证器，使用FormGroup类中提供的markAsTouched()方法来触发整个表单的验证器。这样可以帮助我们提高表单验证的准确性，提高用户体验。