Angular从嵌套的formControlName设置json值

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

// 定义一个嵌套的FormGroup对象
const nestedForm = new FormGroup({
  firstName: new FormControl(),
  lastName: new FormControl(),
  address: new FormGroup({
    street: new FormControl(),
    city: new FormControl(),
    state: new FormControl()
  })
});

<form [formGroup]="nestedForm">
  <input formControlName="firstName" placeholder="First Name">
  <input formControlName="lastName" placeholder="Last Name">
  <div formGroupName="address">
    <input formControlName="street" placeholder="Street">
    <input formControlName="city" placeholder="City">
    <input formControlName="state" placeholder="State">
  </div>
</form>

// 设置嵌套的formControlName的JSON值
nestedForm.setValue({
  firstName: 'John',
  lastName: 'Doe',
  address: {
    street: '123 Main St',
    city: 'New York',
    state: 'NY'
  }
});