Создайте нумерованный список в KnockoutJS, используя позицию каждого элемента в наблюдаемом массиве для чисел

Question

Я хотел бы создать нумерованный список и использовать нокаут для привязки данных. Связывание данных работает нормально, но я не могу придумать способ плавного генерации чисел на основе их положения в наблюдаемом массиве. Наблюдаемый массив может меняться в будущем, поэтому я хотел бы, чтобы нокаут динамически обрабатывал нумерацию списка.

Вот мой 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> 

Answer 2

2 варианта.

1. Изменение ul к ol
2. Используйте переменную Нокаут $index (как text:$index в Еогеасп)