のcontentEditableスパンでの変更を保存するには、奇妙な方法を試したが、私は少し問題を抱えているのViewModelオブジェクトに

Question

イムにアクセスするとき：

これは私のスパンである：

<span data-bind="text: Content, event: { blur: viewModel.contentEdited}" contenteditable></span> 

とViewModelには、以下のような：

function note(id, date, content, category, color, background) { 
    this.ID = id; 
    this.Date = date; 
    this.Content = content; 
    this.Category = category; 
    this.Color = color; 
    this.Background = background; 
} 

：テンプレートがあるノートに結合され

var viewModel = { 
    notes: ko.observableArray([]), 
    newNoteContent: ko.observable(), 
    actualId: 0 
}; 

viewModel.contentEdited = function() { 
    alert(this.notes); 
} 

アラートに「未定義」と表示されているのは、それが、viewModelの別のインスタンスを作成し、そこにメモが空であるためですか？テンプレートの文脈はメモであり、それはviewModelの外にあります。

ありがとうございました！

Answer 1

ノックアウトでは、メソッドが呼び出されたときの値がthisであることに注意する必要があります。アイテム（ノート）の中にいるときは、thisが配列アイテムになります。

これを処理する最も簡単な方法は、thisの値を明示することです。ノックアウトには、関数に対してthisの値を効果的に設定できるようにするbind()関数の実装が含まれています。

だから、あなたの関数は次のようになります。

viewModel.contentEdited = function() { 
    alert(this.notes); 
}.bind(viewModel);