表单数组中的输入错误

Question

Stackblitz example

为什么当我开始在输入中输入内容时，它会出错并失去焦点？此外，我不能输入超过4个符号。你能帮忙吗？

Answer 1

您需要遍历别名表单数组实例提供的每个表单控件实例（来源：docs）。您正在遍历凭据表单控件的值。

尝试改为遍历form.get('credentials').controls

<div formArrayName="credentials" *ngFor="let creds of form.get('credentials').controls; let i = index">
  <ng-container [formGroupName]="i">
    <input placeholder="Username" formControlName="username">
    <input placeholder="Password" formControlName="password">
  </ng-container>
</div>