AngularJS：ng-repeat 添加一些带有第一个元素的文本答案

【问题标题】：AngularJS: ng-repeat add some text with first elementAngularJS：ng-repeat 添加一些带有第一个元素的文本
【发布时间】：2015-10-07 23:08:08
【问题描述】：

我正在使用 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

谢谢。

【问题讨论】：

【解决方案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>

你有以下特殊值：

【讨论】：

【解决方案2】：

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

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

【讨论】：