Chrome Consoleを使用してRequireJSでノックアウトViewModelにアクセスする

Question

Chrome ConsoleのKnockOut ViewModel変数にアクセスするにはどうすればRequireJSを使用できますか？

RequireJSを使用する前に、名前空間パターンに従って1つのグローバル内のすべてを隠していました。 Chromeコンソールに次のように入力して、グローバルにアクセスできます：window.namespaceVar。

私はRequireJSを使用しているので、すべての変数はrequire関数の後ろに隠れています。

require(['knockout-2.2.0', 'jquery'], function (ko, jQuery) { 

    var ViewModel = function() { 
      var testVar = ko.observable(true); 
     }; 

    ko.applyBindings(new ViewModel()); 
} 

この例では、現在の値のtestVarにどうすればアクセスできますか？

Answer 1

ノックアウトには、要素が与えられたKOビューモデル情報へのアクセスを提供する関数ko.dataForとko.contextForが含まれています。

ので、コンソールでは、あなたのような何かを行うことができます：あなたはまだそれにアクセスすることはできませんので、あなたのケースでは

var vm = ko.dataFor(document.body); 

を、testVarは、露出していません。私は、あなたはしかしちょうどサンプルだったし、あなたのようなものを意味しているとします。ドキュメントはありますが、ここで

vm.testVar()を行うことでvm.testVarし、その値にアクセスできるようになる上記の方法を使用して、今すぐ

var ViewModel = function() { 
    this.testVar = ko.observable(true); 
}; 

をその我々は、これらの機能にありますhttp://knockoutjs.com/documentation/unobtrusive-event-handling.html

、ここでは、ステップ・バイ・ガイドクロムとKnockoutJSをデバッグする方法についてです： http://devillers.nl/quick-debugging-knockoutjs-in-chrome/

は、Chromeの$ 0_ $ 4機能を使用して：https://developers.google.com/chrome-developer-tools/docs/commandline-api#0-4

Answer 2

ライアンが示唆したように、最も簡単な方法は、DOMの要素のバインディングコンテキストを参照するには、コンソールにko.contextForとko.dataForを使用することです。

非常に便利なクローム拡張はこちらから入手でき、KnockoutJSコンテキストデバッガと呼ばれるこの原理を利用することもあります：

Chrome Web Store - KnockoutJS Context Debugger

それはあなたが要素を検査し、それが要素ペインのサイドバーにある状況だ見ることができます。ページ上に複数のバインディング・コンテキスト、または非常にネストされたバインディング・コンテキストを持つことが最も便利です。

Answer 3

求められる場合があり、すべてのグローバルを持っていないについてです。

require("knockout").dataFor($0); 
require("knockout").contextFor($0);