淘汰赛foreach动态设置ID

Question

我刚刚开始使用淘汰赛并在使用 foreach 时遇到一些问题。我需要用“折叠”div 动态填充列表。我无法弄清楚如何使用相应的 div id 设置“data-target=”“”。是否有一种像 Angular 中那样的 $index。我如何在数据目标内部声明它？

感谢您的帮助。

<ul class="nav navbar-nav side-nav">
         <li data-bind="foreach: { data: categories, as: 'category' }">
           <a href="javascript:;" data-toggle="collapse" data-target="??" data-bind="text: category.title"> </a>
                  <div id="??" class="collapse">
                      <h1>Some text</h1>
                  </div>
         </li>
      </ul>

Answer 1

在以下范围内进行data-bind：

<a href="javascript:;" data-toggle="collapse"  data-bind="attr: { 'data-target': ... }">
  <div class="collapse" data-bind="attr: { id: ... }">

Knockout 也有一个$index上下文属性：

<div data-bind="attr: { id: 'foo' + $index() }">