Angular 对无效表单字段的验证如何工作？

Question

Angular 中的表单域无效的条件是什么？我可以通过指定自定义规则集来定义它还是由 Angular 在内部完成？它是否根据表单字段的类型而有所不同？另外，AngularJS 和 Angular 中的invalid 表单验证有什么区别吗？

Answer 1

在 Angular 中，您可以使用可用的内部验证来验证您的字段，您还可以创建自己的验证，即自定义验证并使用它。

为此，您可以遵循本指南：Form Validation

角度验证有两种方法

1. 模板库
2. 反应形式

在这两种情况下，您都可以使用已经给出的验证并定义自定义验证。如果您有更多字段，我更喜欢 Reactive 表单，因为它易于维护。

从文档中，如果您想检查字段上的特定错误，那么您需要检查字段上的errors 数组

例如，如果你这样做了

  this.heroForm = new FormGroup({
    'name': new FormControl(this.hero.name, [
      Validators.required,
      Validators.minLength(4),
    ]),

然后您可以通过执行此操作来检查特定错误，即检查字段上的errors

  <div *ngIf="name.errors.required">
    Name is required.
  </div>
  <div *ngIf="name.errors.minlength">
    Name must be at least 4 characters long.
  </div>