无法让 Knockout 执行简单的“选项”操作绑定

Question

我在淘汰赛中进行了以下简单设置

var data = { 
  'Divisions': [
    { 'divID' : '105' },
    { 'divID' : '103' }
  ]
};

var viewModel = ko.mapping.fromJS(data);

ko.applyBindings(viewModel);

，并且以下 HTML 未正确绑定

<select data-bind="
  options: Divisions, 
  optionsText: divID,
  optionsCaption: 'Choose...'">
</select>

onload，我收到“ReferenceError：divID 未定义”。

如果我使用以下绑定，它可以工作

<select data-bind="
  options: Divisions, 
  optionsText: function(item) { 
    return item.divID(); 
  }, 
  optionsCaption: 'Choose...'">
</select>

供参考：

在 jsbin 中工作绑定，带有丑陋的绑定

jsbin 中的非工作版本看起来应该可以工作，具有干净的绑定< /a>

我怀疑这个这一切都是由于 ko.mapping.fromJS 使 Divisions 中的每个子项都成为可观察的，从而使我无法简单地以简单的属性名称来访问所有内容，但我刚刚找到了一个 类似示例正在做完全相同的事情！

Answer 1

您忘记了 optionsText 周围的单引号

<select data-bind="
  options: Divisions, 
  optionsText: 'divID',
  optionsCaption: 'Choose...'">
</select>