如何在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个值对应于正确的标签）

有什么想法吗？