在Angular 2中创建可选的嵌套表单组

<form [formGroup]="parentForm">
  <!-- 表单控件 -->
</form>

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

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

  ngOnInit() {
    this.parentForm = new FormGroup({
      // 表单控件
    });
  }
}

<form [formGroup]="parentForm">
  <div formGroupName="nestedForm">
    <!-- 嵌套表单控件 -->
  </div>
</form>

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

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

  ngOnInit() {
    this.parentForm = new FormGroup({
      nestedForm: new FormGroup({
        // 嵌套表单控件
      })
    });
  }
}