无法绑定JS中的选项数据

Question

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

我想要展示的是这样的：

但现在我只得到一个空白的下拉列表：

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

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

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

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