More than 5 years have passed since last update.

KnockoutjsでDOM要素にバインドされてるViewModelを取得する

Posted at 2015-02-20

KnockoutjsのViewModelとかデバッグ中に参照したくなるわけですが、
たいていconsoleとかからはインスタンスの変数はどっかのスコープで隠れてて見えない。

でも、なんとかしたい。そんな時。

contextFor

ko.contextFor(<element>)

で、バインドされてるcontextが取れる。

ko.contextFor(<element>).$root

すれば、applyBindingに渡したViewModelが取れる。

devツールでelementを選択している状態で、
consoleで $0 だけ打ってみるとそのDOM要素の参照が取得できる。

なので、デバッグ中は
ko.contextFor($0).$root
こうしてViewModelを取ると楽。

debug版使ってる時は
ko.storedBindingContextForNode(<element>)で取れてた。

min にした時は

var vm = new ViewModel();
window.vm = vm;

をデバッグ時だけ埋め込んでた。
もちろんcommitとかはしない。