Angular 2 Reactive Forms -如何显示与输入元素不同的FormArray控件

<form [formGroup]="myForm">
  <div formArrayName="myFormArray">
    <div *ngFor="let control of myFormArray.controls; let i=index">
      <input type="text" [formControlName]="i">
    </div>
  </div>
</form>

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

@Component({
  selector: 'app-my-component',
  templateUrl: 'component.html',
})
export class MyComponent implements OnInit {
  myForm: FormGroup;
  
  constructor(private formBuilder: FormBuilder) { }
  
  ngOnInit() {
    this.myForm = this.formBuilder.group({
      myFormArray: this.formBuilder.array([]),
    });
    
    // 添加初始元素
    this.addFormArrayControl();
  }
  
  // 添加新的FormArray控件
  addFormArrayControl() {
    const control = this.formBuilder.control('');
    this.myFormArray.push(control);
  }
  
  // 删除指定位置的FormArray控件
  removeFormArrayControl(index: number) {
    this.myFormArray.removeAt(index);
  }
  
  // 获取FormArray对象
  get myFormArray() {
    return this.myForm.get('myFormArray') as FormArray;
  }
}