使用* ngFor（for循环）绑定的角度形式数组允许输入，一次一个字符

Question

这是使用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>

Answer 1

{{ i }}指的是“爱好”的每个字母，这就是为什么要得到它。

改为尝试{{ hobby[i] }}