javascript - 使用每个项目在可观察数组中的位置为数字在 KnockoutJS 中创建编号列表

Question

我想创建一个编号列表并使用 knockout 来绑定(bind)数据。数据绑定(bind)工作正常，但我无法想出一种方法来根据数字在可观察数组中的位置顺利生成数字。可观察数组在未来可能会有所不同，所以我希望 knockout 动态处理列表的编号。

这是我的 html:

<ul class="nav nav-list" data-bind="foreach: sidebarItems">
    <li class="" data-bind="css: isActive">
        <a href="#dropdowns" data-bind="text: text"></a>
    </li>
</ul>

这是我的 Javascript 代码:

self.sidebarItems = ko.observable([
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}
]);

我想在列表中说:
1 - 选项
2 - 选项
3 - 选项
等

Answer 1

请参阅文档:http://knockoutjs.com/documentation/foreach-binding.html

使用$index:

<ul class="nav nav-list" data-bind="foreach: sidebarItems">
    <li class="" data-bind="css: isActive">
        <a href="#dropdowns" data-bind="text: $index() + text()"></a>
    </li>
</ul>