Javascript 带字母的项目符号列表，重复ng

我有一个ng repeat块，如下所示，我不希望代码中的占位符

[[字母表]]

以各自的顺序呈现

a、b、c、d

，就像列表中的项目符号一样。我将始终有4个值。实现这一目标的最佳方式是什么

<div class="list no-image">
      <label class="item item-radio" ng-repeat="a in question.answer">
      [[THE ALPHABET]]. 
      <div class="item-content">
      {{ a.option }}
      </div>   
      </label>
</div>

---

HTML本身可以做到这一点：

<ol type="a">

{{item}

您可以创建自定义过滤器，如下所示：

.filter('numberToAlphabet', function(){
    return function(number){
        return String.fromCharCode(number+97);
    }
})

<div class="list no-image">
      <label class="item item-radio" ng-repeat="a in question.answer">
      {{$index | numberToAlphabet}}. 
      <div class="item-content">
      {{ a.option }}
      </div>   
      </label>
</div>

在代码中，您可以这样使用它：

.filter('numberToAlphabet', function(){
    return function(number){
        return String.fromCharCode(number+97);
    }
})

<div class="list no-image">
      <label class="item item-radio" ng-repeat="a in question.answer">
      {{$index | numberToAlphabet}}. 
      <div class="item-content">
      {{ a.option }}
      </div>   
      </label>
</div>

{{$index | numberToAlphabet}}。
{{a.option}}

---

+1我不建议这样做的唯一原因是，将自定义css样式应用于字母可能非常具有挑战性。此外，OP似乎有一个非常特殊的标记。然而，这个解决方案解决了这个问题，同时在语义上提供了更好的标记。