forms - 如何在 Angular 2 中制作动态表单

Question

我想从服务器更新一些数据。我将它们显示在一个表单中，以便能够更改值并提交它。

这是我的 form.template.html ：

<form #form = "ngForm" (ngSubmit) = "onSubmit(form.value)" >
    <div *ngFor=" let data of userData ">
            <label>{{data.libelle}}</label>
                <input 
                    type="text"
                    [(ngModel)] = "data.value"> 
            </div>
    <button type="submit">Enregistrer</button>
</form>

这是我的 form.component.ts 中的 onSumit 方法

onSubmit(form) {
    console.log(form.value);
    // update values 
}

问题是：

1）console.log显示undefinded

2) [(ngModel)] 仅显示最后一个 data.value (3 个输入，3 个相同的值)

<input value = "{{data.value}}" >工作正常（3 个输入，3 个值对应于正确的标签）

有任何想法吗 ？