angular - 在 formControlName 上设置索引 - Angular 6

Question

我在 HTML 模板上使用 ngFor。我想将 name+ index 放在 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>

我怎样才能做到这一点？

标签： angularforms

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>