如何将动态创建的表单字段绑定到Angular 2中的对象？

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

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

  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({});
  }
}

<form [formGroup]="myForm">
  <div *ngFor="let field of fields">
    <label>{{ field.label }}</label>
    <input [formControlName]="field.name" [type]="field.type">
  </div>
</form>

addField(label: string, name: string, type: string) {
  this.myForm.addControl(name, this.formBuilder.control(''));
  this.fields.push({ label, name, type });
}