$索引顯示字母代替數

Question

我想用$指數KnockoutJS顯示字母代替numbers.eg，

A.物品1
B. ITEM2
C.項目3

我該怎麼做？

Answer 1

如果符合您的需求，您可以使用ol和list-style-type的upper-alpha來做到這一點。例如：

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/

Answer 2

在這個小提琴看看：http://jsfiddle.net/jearles/RhmTb/19/

的關鍵是寫一個視圖模型方法索引轉換爲信。

<div data-bind="foreach: names"> 
    <div> 
    <span data-bind="text: $root.indexLetter($index())"></span>. 
    <span data-bind="text: $data"></span> 
    </div>  
</div> 

-

var viewModel = { 
    names : ['one', 'two', 'three', 'four', 'five', 'six'], 
    indexLetter : function(index) { 
    return String.fromCharCode(65 + index); 
    } 
} 

ko.applyBindings(viewModel);