`[（ngModel）]`はcontollerから値を得られません。どうすれば修正できますか？

Question

私はすべてのエントリが入力（インライン変更）であるtodoリストプロジェクトを持っています。

<div *ngFor="let t of todos;" class="list-item"> 
    <span class="list-item__checkbox">&nbsp;</span> 
    <textarea class="todo-item__textarea" 
    (input)="onTodoKeyEvent($event, t)" 
    (keydown)="onTodoKeyEvent($event, t)" 
    ([ngModel])="t.text" 
    ></textarea> 
    {{t.text}} 
</div> 

onTodoKeyEventメソッドは、配列のtodoデータを更新するためにupdate関数を呼び出します。

onTodoKeyEvent(event, todo) { 
    this.updateTodo({ 
    id: todo.id, 
    text: event.target.value + 'additional text' 
    }); 
} 

私はゲッターを使用してサービスからコントローラにドスを取得：

get todos(): Todo[] { 
    return this.todoDataService.get(); 
} 

更新機能：

update(data: Todo) { 
    let todo = this.todos[data.id]; 
    Object.assign(todo, data); 
} 

問題は、私はtodos配列で、ビューに新しいデータを見ることができるということです{{t.text}}にありますが、textareaの値、モデル値は型付けされたものと同じですので、一方向バインディングのように感じます。

どうして私はそれを修正できますか？ありがとうございました。

Answer 1

[(ngModel)]="t.text"ではなく、([ngModel])="t.text"です。

は、彼らはそれBananas in a boxを呼び出す：

これはボックスです：[ ] は、これらはバナナです：()