在选择的组合框中显示填充了敲除js绑定的空白区域

Question

我希望能够使用敲除绑定填充HTML select元素。一些选项文本包括空格，我想在下拉列表中显示它们。

在纯HTML中，这可以通过使用 而不是简单的空格来完成，但是这不适用于敲除绑定：

Working example

HTML：

Knockout select:
<select data-bind="options: entries" style="width: 150px"></select>
<br>
Standard select:
<select style="width: 150px">
    <option>&nbsp;&nbsp;Entry 1</option>
    <option>&nbsp;&nbsp;&nbsp;&nbsp;Entry 2</option>
</select>

使用Javascript：

var ViewModel = function() {
    entries = ko.observableArray([
        '  Entry 1',
        '    Entry 2'
    ]);
};

var vm = new ViewModel();
ko.applyBindings(vm);

希望有人可以帮助我！

由于

Answer 1

您可以使用常规foreach代替options，您可以使用选项元素html binding设置html内容：

<select data-bind="foreach: entries" style="width: 150px">
    <option data-bind="html: $data"></option>
</select>

演示JSFiddle。