デバッグノックアウト選択値

Question

knockoutjsを使用して選択値をデバッグする方法はありますか？ data-bind="change: function(){debugger}を使用しようとしても動作していないようです。

<p data-bind="visible: $data[$item.settings.name]['navigation_type']() == 0" > 
    Link to Screen:<br/><select name="screen" data-bind="change: function(){debugger}, options: $item.element().screen.flow.navigable_screens, optionsText: function(item) { return item.attributes.name();}, optionsValue: 'permanent_id', value: $data[$item.settings.name].permanent_id"></select> 
</p> 

Answer 1

残念ながら、ノックアウトはあなたがそれを使用しようとしているように見えません。私はコードのこのビットから仮定しています：data-bind="change:あなたはjqueryの変更イベントにバインドしようとしていますか？

http://knockoutjs.com/documentation/selectedOptions-binding.html

、ここで：

http://knockoutjs.com/examples/simpleList.html

ノックアウトははるかにエレガントなjQueryのよりも、代わりに使用するのではMVVMパターンを以下のようにした場合、リストはここにどのように動作するかの選択を見てみましょうjQueryイベント。私は、MVVMパターンの高度な理解を得ることをお勧めします。http://learn.knockoutjs.com/

Answer 2

KnockoutJSが使用するインライン値バインディングをデバッグするのと同様の問題がありました。

http://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/

あなたはJS内のすべてのあなたのバインディングを宣言するため、それらをデバッグすることができます：ここで説明したように私の最も最近のプロジェクトでは、私は緩い結合パターンを実装しました。その後、htmlでカスタムデータ属性を使用してそれらを参照します。