2014-04-01 65 views
0

我有一個ng重複,它重複兩個<li>特定的時間。我也使用$index來查看輸出的<li>是哪個索引。

的樣品是在本小提琴:http://jsfiddle.net/sh0ber/cHQLH

然而,我需要使用<li> S的一個,當索引,而不是輸出的數字樣1,2,3等時,它輸出像A,B字母, C等。

有沒有辦法在AngularJS中做到這一點?我是新來的。

編輯:

我需要的輸出將是通過以下方式: C1,C2,C3 .... B1,B2,B3 .... A1,A2,A3 .. 。

即字母遞減。

感謝

回答

1

這不是真正的角具體,但你可以很容易地定義,從數(指數)轉換成你想要的字母的功能。我在這裏假設ASCII字符和定義了以下功能:

$scope.getLetter = function (index) { 
    return String.fromCharCode(65 + index); 
} 

要打印出來,那麼所有你需要做的是:

<li ng-repeat="i in getNumber(myOtherNumber)"><span>{{getLetter($index)}}</span></li> 

要看到這一切的工作,看看這個小提琴:http://jsfiddle.net/vd4Z4/

+0

我已經更新了小提琴(http://jsfiddle.net/vd4Z4/1/)。基本上我需要做的是給每個單元格的字母和數字的組合。我希望單元格具有以下方式的ID: A1,A2,A3 .... B1,B2,B3 .... C1,C2,C3 ... 此刻我得到 A1,B2,C3 A1,B2,C3 A1,B2,C3 是否可以按上述格式製作它們? – user1809790

5

你可以寫一個過濾器:

.filter('character',function(){ 
    return function(input){ 
     return String.fromCharCode(64 + parseInt(input,10)); 
    }; 
}); 

,並使用它:

{{$index+1|character}} 

DEMO

+0

感謝您的演示。有沒有一種方法來連接索引在一起,所以我得到類似 A1,A2,A3 .... B1,B2,B3 .... C1,C2,C3 ... 我已經更新了小提琴(http://jsfiddle.net/65FMq/1/),但由於某些原因不能讓他們在上述格式,而是 A1,B2,C3 ... A1,B2,C3 ... A1 ,B2,C3 ... ... – user1809790

+1

@ user1809790 is [this](http://jsfiddle.net/65FMq/2/)你想要什麼?我已將'$ index + 1'更改爲'$ parent。$ index + 1'。 – Engineer

+0

它很容易改變索引的順序以獲得像C1,C2,C3 B1,B2,B3 A1,A2,A3這樣的東西(即改變字母從升序到降序的順序) – user1809790