访问第二级属性的FormBuilder (点符号)

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

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="myForm">
      <input formControlName="name" placeholder="Name">
      <input formControlName="email" placeholder="Email">
    </form>
  `,
})
export class FormComponent {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      name: '',
      email: '',
    });
  }

  onSubmit() {
    console.log(this.myForm.value.name); // 访问name字段的值
    console.log(this.myForm.controls.email.valid); // 访问email字段的验证规则
  }
}