angular - Angular2 @input からマップ オブジェクトをバインドする方法

Question

次のように HTML に入力しました。

<input class="form-control"
                   maxlength="255"
                   placeholder=""
                   type="text"
                   [(ngModel)]="data.translations[item.key]"
                   name="translations[{{item.key}}]"
                   >

マップ オブジェクトを含むサーバー DTO から取得します。DTO には名前データがあり、マップ名はtranslationsです。

問題は、初めて正しく入力するように設定された値です。ただし、ボタンをクリックすると、入力の値がサーバーに送信され、入力がリセットされます。入力ボックスにとどまる値が必要です。このバインディングは機能するはずだと思います。しかし、そうではありません。

どうすればこの問題を修正できるか教えてください。