javascript - JS中绑定options数据失败

Question

我想使用 html+js 显示一个仅选择一个组合框。

我想展示的是这样的：

但是现在我只是得到一个像这样的空白下拉列表：</p>

HTML 代码：

<div style="width:200px;height:100%;float:left;padding-left: 0px">
    <oj-combobox-one id="en" aria-label="en Select" options="{{ens}}" value="{{selectedEn}}"render-mode="native" style="max-width:20em" >   
  </oj-combobox-one>
</div>

JS代码：

self.ens = ko.observableArray([]);
self.selectedEn = ko.observable("a"); //Default to show
var en = ["a","b","c"];
self.ens(en);

你能帮忙找出问题所在吗？提前致谢。

Answer 1

查看文档的此页面。每个选项都需要实际的value（由 JS 文件使用）以及label（用户将在屏幕上看到的）。

因此，您需要将变量更改en为：

var en = [{value: 'a', label: 'a'},
          {value: 'b', label: 'b'},
          {value: 'c', label: 'c'}];