javascript - ノックアウト カスタム バインディングの更新が起動しない

Question

次のコードでは、viewModel.item オブザーバブルが更新されるたびに update 関数が実行されることを期待します。ページの読み込み時に init および update 関数が期待どおりに起動するのを確認できますが、オブザーバブルの値を更新するボタンをクリックすると起動しません。

マークアップ:

<button id='addButton'>item++</button>
<br/>
<span>viewModel.item = </span>
<span data-bind='text: $data.item(), bind: viewModel.item'></span>

脚本：

$(document).ready(function() {
    $('#addButton').click(function() {
        viewModel.item(viewModel.item() + 1);
    });    
    var viewModel = {
        item: ko.observable(1)
    };        
    ko.bindingHandlers.bind = {
        init: function(element, valueAccessor) {
            alert('init');
        },
        update: function(element, valueAccessor) {
            alert('update');
        }  
    };        
    ko.applyBindings(viewModel);
}); 

同様の質問をいくつか閲覧しましたが、同等の例は見つかりませんでした。ここに JSFiddle を作成しました。

Answer 1

updateバインディング ハンドラーの関数は、アクセスするオブザーバブルが更新されるたびに実行されます。関数はオブザーバブルにアクセスしません。

動作する更新バージョンは次のとおりです。

ko.bindingHandlers.bind = {
    init: function(element, valueAccessor) {
        alert('init');
    },
    update: function(element, valueAccessor) {
        ko.unwrap(valueAccessor());
        alert('update');
    } 
};        

http://jsfiddle.net/vMD74/14/