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 つの値)

何か案は ？