1. HTML模板中使用formControlName指令绑定FormControl：

2. 在组件中定义FormControl：

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

@Component({
  selector: 'my-component',
  template: `
    

      
    
  `
})
export class MyComponent {
  myForm = this.fb.group({
    name: ['', Validators.required]
  });

  constructor(private fb: FormBuilder) {}
}

3. 在组件中访问FormControl的值：

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

@Component({
  selector: 'my-component',
  template: `
    

      
    
    Submit
    
Form value: {{ myForm.value | json }}
  `
})
export class MyComponent {
  myForm = this.fb.group({
    name: ['', Validators.required]
  });

  constructor(private fb: FormBuilder) {}

  submit() {
    console.log(this.myForm.value.name);
  }
}