在formControlName上設置索引-Angular 6

Question

我在HTML模板上使用ngFor。 我想將name +索引放在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”

像是

<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>