javascript - 在填充了淘汰赛 js 绑定的选择组合框中显示空格

Question

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

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

工作示例

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 内容的位置：html

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

演示JSFiddle。