javascript - Knockout.js 中的 $index 显示字母而不是数字

Question

我想在 KnockoutJS 中使用 $index 来显示字母而不是数字。例如，

一个。项目1
B. item2
C.item3

我该怎么做？

Answer 1

如果适合您的需要，您可以使用 list-style-type 为 upper-alpha 的 ol 来完成此操作。例如:

HTML:

​<ol data-bind​​​​​​​​​​​="foreach: items" class="alpha">
    <li data-bind="text: $data"></li>
</ol>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS:

.alpha {
    list-style-type: upper-alpha;
}​

JavaScript:

function ViewModel() {
    this.items = ko.observableArray([
        "Apples",
        "Oranges",
        "Bananas"
    ]);
}
var model = new ViewModel();

ko.applyBindings(model);​

示例: http://jsfiddle.net/andrewwhitaker/CCNtR/1/