如何在Angular 2+中将Reactive Form值与带下划线的模型同步

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  form: FormGroup;

  ngOnInit() {
    this.form = new FormGroup({
      name: new FormControl(''),
      age: new FormControl(''),
      // 其他表单控件...
    });
  }
}

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

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  form: FormGroup;
  model: any = {};

  ngOnInit() {
    this.form = new FormGroup({
      name: new FormControl(''),
      age: new FormControl(''),
      // 其他表单控件...
    });

    this.form.valueChanges.subscribe(value => {
      this.model = value;
    });
  }
}