Установить индекс для formControlName - Angular 6

Question

Я использую шаблон ngFor для HTML. Я хочу поместить имя + индекс в formControlName, но я не могу.

<form [formGroup]='formName'>
  <div formArrayName="controllerArray" >
    <div *ngFor="let item of formName.controls.controllerArray.controls; let i=index" [formGroupName]="i">
      <input formControlName="controlerInputName"**+i**>
    </div>
  </div>
</form>

Как я могу это сделать?

Answer 1

Так как вы завернули в formArrayName , вам следует связать [formControlName] = "i"

, чтобы быть похожим на e

<form [formGroup]='formName'>
  <div formArrayName="controllerArray" >
    <div *ngFor="let item of formName.controls.controllerArray.controls; let i=index" [formGroupName]="i">
      <input [formControlName]="i">
    </div>
  </div>
</form>