为ng-repeat返回的每个项添加唯一编号

时间:2014-03-12 16:44:38

标签: javascript angularjs

使用ng-repeat,我想打印出数组中的所有项目,如何为每个项目附加一个唯一的数字?像这样:

1. Item One
2. Item Two
3. Item Three
4. Item Four....

到目前为止,我有这个......

<li ng-repeat="item in items">
    <span>UNIQUE NUMBER</span>          
    <span>{{item}}</span>
</li>

2 个答案:

答案 0 :(得分:1)

在所有地方的Angular文档中找到答案......感谢Stewie

<li ng-repeat="item in items">
    <span>{{$index + 1}}</span>          
    <span>{{item}}</span>
</li>

答案 1 :(得分:1)

您只需使用li项的list-style-type CSS属性即可。在CSS中声明:

li {
    list-style-type: decimal;
}

使用编程执行此任务不是最佳选择。

http://jsfiddle.net/6MnGe/