使用 *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] }}