如何在Angular中将[(ngModel)]与FormGroup一起使用

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl(''),
      password: new FormControl('')
    });
  }
}

<form [formGroup]="myForm">
  <input type="text" formControlName="name" [(ngModel)]="myForm.value.name">
  <input type="email" formControlName="email" [(ngModel)]="myForm.value.email">
  <input type="password" formControlName="password" [(ngModel)]="myForm.value.password">
</form>

// 检查表单是否有效
if (this.myForm.valid) {
  // 表单验证通过
}

// 获取特定表单控件的状态
const nameControl = this.myForm.get('name');
if (nameControl.valid) {
  // 表单控件验证通过
}