knockout.js - 关于选择列表的淘汰赛映射

Question

我完全被难住了。我认为这应该是一件容易的事，但它完全避开了我。我试图只创建一个选择列表，但由于某种原因，这没有约束力。我在控制台中没有错误。

这是我的 Javascript

var data = {
    "StoreList": [{
    "StoreNo": "02",
    "StoreName": "Store02"
  }, {
    "StoreNo": "03",
    "StoreName": "Store03"
  }, {
    "StoreNo": "14",
    "StoreName": "Store14"
  }, {
    "StoreNo": "15",
    "StoreName": "Store15"
  }]
};

var viewModel = {};
viewModel = ko.mapping.fromJS(data);
ko.applyBindings(viewModel);

这是我的 HTML

<select height="20" data-bind="options: viewModel.StoreList, optionsText: 'StoreName'"></select>

我的小提琴http://jsfiddle.net/S7cqp/3/

Answer 1

您不应该放入viewModeldata-bind 属性。它只是存储 VM 的变量的名称。您的绑定应如下所示：

<select height="20" data-bind="options: StoreList, optionsText: 'StoreName'"></select>

这是一个工作小提琴：http: //jsfiddle.net/vyshniakov/S7cqp/8/