javascript - ノックアウト js バインディングで埋められた選択コンボボックスに空白を表示する

Question

selectHTML要素をノックアウト バインディングで埋められるようにしたいと考えています。一部のオプション テキストには空白が含まれており、ドロップダウンに表示したいと考えています。

純粋な 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

オプション要素のバインディングを使用して html コンテンツを設定できる場所foreachの代わりに、通常のを使用できます。optionshtml

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

JSFiddleのデモ。