请说说在Angular中如何实现表单验证？

在Angular中，表单验证主要通过两种方式进行：模板驱动表单验证和响应式表单验证。

1. 模板驱动表单验证

在模板驱动表单验证中，你主要在HTML模板中定义验证规则。Angular提供了许多内置的验证器，如required，minlength，maxlength，pattern等。以下是一个简单的例子：

<form #form="ngForm" (ngSubmit)="onSubmit()">
  <input type="text" name="username" ngModel required minlength="4" />
  <input type="password" name="password" ngModel required />
  <button type="submit">Submit</button>
</form>

在这个例子中，#form="ngForm"创建了一个对表单的引用，我们可以在组件的TypeScript代码中通过this.form.value来获取表单的值，或者通过this.form.valid来检查表单是否有效。ngModel指令用于实现双向数据绑定，required和minlength是验证器。

2. 响应式表单验证

在响应式表单验证中，你主要在组件的TypeScript代码中定义验证规则。以下是一个简单的例子：

import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({...})
export class AppComponent {
  myForm: FormGroup;
  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      'username': ['', [Validators.required, Validators.minLength(4)]],
      'password': ['', Validators.required]
    });
  }
  
  onSubmit() {
    if (this.myForm.valid) {
      console.log(this.myForm.value);
    }
  }
}

在这个例子中，我们使用了FormBuilder来创建一个FormGroup，FormGroup是一个代表表单的模型类，它持有表单控件的值和验证状态。我们通过group方法来定义表单的结构和验证规则。Validators.required和Validators.minLength(4)就是验证规则。

在HTML模板中，我们使用formGroup和formControlName指令来绑定表单：

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <input formControlName="username" type="text" />
  <input formControlName="password" type="password" />
  <button type="submit">Submit</button>
</form>

这就是在Angular中实现表单验证的基本方法。你可以根据需要选择使用模板驱动表单验证或响应式表单验证。