使用 *ngFor（for 循环）绑定的 Angular 表单数组允许输入，一次一个字符答案

【问题标题】：Angular form array bound using a *ngFor (for loop) allows input, one character at a time使用 *ngFor（for 循环）绑定的 Angular 表单数组允许输入，一次一个字符
【发布时间】：2018-08-28 10:10:10
【问题描述】：

这是使用formBuilder绑定的输入字段

hobbies: formBuilder.array([
    ['', Validators.required],
])

我认为问题在于模板中的表单绑定。这种方法不正确吗？将表单数组绑定到模板的正确方法是什么？

<div class="form-group" *ngFor="let hobby of myForm.get('hobbies').value; let i = index;">
  <input type="text" class="form-control" formControlName="{{ i }}">
</div>

【问题讨论】：

标签： javascript angular typescript promise angular-forms

【解决方案1】：

{{ i }} 指的是“爱好”的每个字母，这就是你得到这个的原因。

改用{{ hobby[i] }}

【讨论】：