Angular2表单中的嵌套组？

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

@Component({
  selector: 'app-nested-form',
  template: `
    <form [formGroup]="myForm">
      <div formGroupName="personalInfo">
        <input formControlName="name" placeholder="Name">
        <input formControlName="email" placeholder="Email">
      </div>
      <div formGroupName="address">
        <input formControlName="street" placeholder="Street">
        <input formControlName="city" placeholder="City">
      </div>
    </form>
  `
})
export class NestedFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      personalInfo: new FormGroup({
        name: new FormControl(''),
        email: new FormControl('')
      }),
      address: new FormGroup({
        street: new FormControl(''),
        city: new FormControl('')
      })
    });
  }
}