AngularJS：ng-repeat用第一个元素添加一些文本

Question

我正在使用ng-repeat，并想询问我们是否可以在第一项添加一些额外的文字？

 var items = [1,2,3,4,5,6,7,8,9]

 <div ng-repeat="item in items">
     {{item}}
 </div>

我想要的是，它给我的结果如下：

1 Hello
2
3
4
5
6
7
8
9

感谢。

Answer 1

利用角度$index变量，它为您提供集合中项目的索引：

<div ng-repeat="item in items">
     {{item}} <span ng-if="$index === 0">Hello</span>
</div>

或

<div ng-repeat="item in items">
     {{item}} <span ng-if="$first">Hello</span>
</div>

参见 documentation

您有以下特殊值：

• $第一
• $中间
• $最后
• $甚至
• $奇

Answer 2

可以在ng-repeat中使用添加到子范围的各种特殊属性，为此它包含$first以及$index, $last, $middle, $even, $odd

<div ng-repeat="item in items">
     {{item}} {{ $first ? 'I am first item' :''}}
 </div>