ノックアウトJSマッピングプラグインの混乱

Question

マッピングプラグインを使用しているときに、いつviewModelを宣言しなければならないのか、どこでどこを宣言するべきか混乱します。あなたの援助のため、事前に

var data = $.getJSON("members.json",function(data) 
      { 
       var viewModel = ko.mapping.fromJSON(data); 
       ko.applyBindings(viewModel); 

      } 
     ); 

ko.mapping.fromJSON(data, viewModel); 

ありがとう：

ここ

<div data-bind="foreach: members"> 
<h3 data-bind="text: memberid"></h3> 
<p>Name: <span data-bind="text: membername"></span></p> 
</div> 

は休みです：

{ 
    "members": [ 
     { 
      "memberid": "001", 
      "membername": "Jason" 
     }, 
     { 
      "memberid": "002", 
      "membername": "Bob" 
     } 
    ] 
} 

はここでHTMLテンプレートです：

は、ここに私のJSONファイルです！

Answer 1

viewModelをクロージャの外に宣言して、アクセスしやすくすることができます。たとえば：

var viewModel = {}; 
var data = $.getJSON("members.json",function(data) 
      { 
       viewModel.model = ko.mapping.fromJSON(data); 
       ko.applyBindings(viewModel); 
      } 
     ); 

これは、（すべてのマッピングされたデータが含まれていることになる）、それがアクセスできるよう、ViewModelにを作成し、モデルのプロパティを公開します。あなたはモデルのプロパティをスキップし、VM上でそれを行うこともできます。あなたは実際に一度だけ実行したいので、applyBindingsをこれ以外の場所に移動することもできます。