AngularJS - 将$index显示为字符

AngularJS - show $index as char

本文关键字：显示 字符 index AngularJS      更新时间：2023-09-26

我有一个ng-repeat，它可以在特定时间内重复两个<li>。 我还使用 $index 来查看输出的<li>是哪个索引。

这个小提琴上有一个样本：http://jsfiddle.net/sh0ber/cHQLH

但是，当使用索引而不是输出 1、2、3 等数字时，我需要<li>之一，它输出 A、B、C 等字母。

有没有办法在AngularJS中做到这一点？ 我是新手。

编辑：

我需要输出方式如下：C1， C2， C3....B1， B2， B3....答1， A2， A3...

即字母是降序的。

谢谢

您可以编写过滤器：

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

并使用它：

{{$index+1|character}}

演示

这不是真正的角度特定，但您可以轻松定义一个从数字（索引）转换为所需字母的函数。我在这里假设 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/

相关文章：