knockout.js - 我的 SELECT 与 optgroup + optionsCaption 与 knockout 似乎被忽略了

Question

我有一个将 optgroup 与我的 SELECT html 标记一起使用的解决方案。

这是 SO 帖子:Construct a knockout SELECT with optgroup based on observableArray

现在我想在此 SELECT 中允许一个空值。我尝试使用 optionsCaption:

<select data-bind="foreach: brands, optionsCaption: '  '">
    <optgroup data-bind="attr: {label: $data}, foreach: $parent.vehicles">
    <!-- ko if: Brand == $parent -->
        <option data-bind="text: Type"></option>
    <!-- /ko -->
    </optgroup>
</select>

但它不起作用:没有空选项。

有什么想法吗？

谢谢。

Answer 1

如果您只想在第一组之前显示标题，您还可以将标题的可见性数据绑定(bind)到 $index < 1。

<select data-bind="foreach: brands">
    <option data-bind="visible: $index() < 1">Select vehicle</option>    
        <optgroup data-bind="attr: {label: $data}, foreach: $parent.vehicles">
        <!-- ko if: Brand == $parent -->
        <option data-bind="text: Type"></option>
        <!-- /ko -->
    </optgroup>
</select>