JSON和淘汰賽

Question

我有一個表「是」應該綁定一個JSON的結果，但它不工作，可能是什麼錯誤？

<table> 
<thead> 
    <tr> 
     <th> 
      Id 
     </th> 
     <th> 
      Number 
     </th> 
     <th> 
      Name 
     </th> 
     <th> 
      Password 
     </th> 
     <th> 
      Role 
     </th> 
    </tr> 
</thead> 
<tbody data-bind="foreach: model.Employees"> 
    <tr> 
     <td> 
      <span data-bind="text: EmployeeId"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeNumber"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeName"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeePassword"></span> 
     </td> 
     <td> 
      <span data-bind="text: EmployeeRole"></span> 
     </td> 
    </tr> 
</tbody> 

我對於淘汰賽的腳本是這樣的：

<script type="text/javascript"> 
$(document).ready(function() { 
    var viewModel = {}; 
    var data = $.getJSON("Employees.json", function (data) { 
     viewModel= ko.mapping.fromJSON(data); 
     ko.applyBindings(viewModel); 
    } 
    ); 
}); 
</script> 

這裏是我的樣品返回的JSON數據：

{"Employees":[{"EmployeeId":1,"EmployeeName":X","EmployeeNumber":"1","EmployeePassword":"x","EmployeeRole":"User"},{"EmployeeId":10,"EmployeeName":"S","EmployeeNumber":"21","EmployeePassword":"s","EmployeeRole":"Admin"}]} 

Answer 1

如果你打開瀏覽器的錯誤控制檯我打賭你看到這樣的事情：

Uncaught Error: Unable to parse bindings. Message: ReferenceError: Employees is not defined; Bindings value: foreach: Employees

Employees沒有在viewModel上定義。但是，它的定義是viewModel.model。事情應該工作，如果您：

1. data-bind上model.Employees在foreach代替：

   <tbody data-bind="foreach: model.Employees"> 
   

   例子：http://jsfiddle.net/Ze2Zs/

2. 將您的AJAX請求的結果直接viewModel代替viewModel.model：

   viewModel = ko.mapping.fromJSON(data); 
   

   例子：http://jsfiddle.net/wHXeP/

另外，作爲一個側面說明沒有必要指定var data = $.getJSON(...)爲響應由回調函數來處理：

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