knockout.js - バインド時にknockoutjsko.observableArrayがデータを表示しない

Question

次のデータはko.observableArray 車にあります:(これはアレイのダンプです）

[
  {
    "carId": 1,
    "carName": "Ford",
    "carStatus": "On-Hold",
    "carDescription": "This is the first car description."
  },
  {
    "carId": 1,
    "carName": "Toyota",
    "carStatus": "On-Hold",
    "carDescription": "This is the second car description."
  }
]

意見

<ul data-bind="foreach: cars()">
    <li>       
        <span data-bind="text: carDescription"></span>    
   </li>
</ul>

ただし、何も出力されず、リスト項目は表示されません。

Answer 1

この公式チュートリアルhttp://learn.knockoutjs.com/#/?tutorial=collectionsのサンプルを使用して作成されたフィドル

http://jsfiddle.net/vgYC7/

そして、これがViewModelに必要なすべてです

function ViewModel() {
    var self = this;

    // Editable data
    self.cars = ko.observableArray([
      {
        "carId": 1,
        "carName": "Ford",
        "carStatus": "On-Hold",
        "carDescription": "This is the first car description."
      },
      {
        "carId": 1,
        "carName": "Toyota",
        "carStatus": "On-Hold",
        "carDescription": "This is the second car description."
      }
    ]);
}

ko.applyBindings(new ViewModel());