如何将数据绑定到angular中的formcontrolname名称？

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

@Component({
  // ...
})
export class YourComponent {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      name: '', // 表单控件名称为name
      email: '', // 表单控件名称为email
      // 其他表单控件...
    });
  }

  // ...
}

<form [formGroup]="myForm">
  <input type="text" formControlName="name">
  <input type="email" formControlName="email">
  <!-- 其他表单控件... -->
</form>

@Component({
  // ...
})
export class YourComponent {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      name: '',
      email: '',
      // 其他表单控件...
    });
  }

  onSubmit() {
    console.log(this.myForm.value); // 获取整个表单的数据
    console.log(this.myForm.get('name').value); // 获取name表单控件的值
  }

  // ...
}