knockout.js - 带有 foreach 的 optgroup 被转换为 li 和 ul

Question

I have knock out section Below

<select>

   <option value="0|-1">All</option>
   <optgroup data-bind="repeat: { foreach : ViewModel.availableLists, bind : 'attr: { label :     $item().ProjectName }, foreach : $item().Lists' }">
     <option data-bind="text : ListName" />
   </optgroup>

</select>

但我想将此选择下拉列表转换为 Ul 和 Li，我无法将其转换为 ul 和 li。我怎样才能做到这一点？

每个 optgroup 应呈现为具有 css 类“项目名称”的 li。在每个项目名称下每个选项都应呈现为带有 css 类“列表名称”的 li。

Answer 1

我认为这种语法可以帮助您在绑定中创建选项组

另请注意，绑定<li>是使用绑定模型中的项目自动创建的options（这是绑定的想法）。您可以阅读淘汰赛选项绑定文档