数据未绑定到淘汰赛中的选择列表-Java 学习之路

我在cshtml中使用这样一个简单的选择列表

<select data-bind="options: model.availableCountries"></select>

并将以下数据分配给脚本中的选项 .

model.availableCountries = ko.observableArray(['France', 'Germany', 'Spain']);

但它没有约束任何 Value . 调试时模型具有此值 . 我也试过了

<select data-bind="options: model.contacts,
  value: model.selectContactName,
  optionsText: 'Name',
  optionsCaption: 'Select name'">
</select>

这甚至没有显示 Headers . 有什么我想念的吗？

1 回答

基于您的问题的基本示例 .

const viewModel = {
    availableCountries: ko.observableArray(['France', 'Germany', 'Spain']),
    countryPlaceholder: 'Where do you live?',
    selectedCountry: ko.observable(),
};

ko.applyBindings(viewModel);

<select data-bind="options: availableCountries,
  value: selectedCountry,
  optionsCaption: countryPlaceholder">
</select>

<p data-bind="visible: selectedCountry">
    You selected: <span data-bind="text: selectedCountry"></span>
</p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

回复于 2024-05-05T02:53:02+08:00

数据未绑定到淘汰赛中的选择列表

1 回答

相关问题