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

Aqd*_*das 3 javascript angularjs angularjs-directive angularjs-ng-repeat

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

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

 <div ng-repeat="item in items">
     {{item}}
 </div>
Run Code Online (Sandbox Code Playgroud)

我想要的是,它给我的结果如下:

1 Hello
2
3
4
5
6
7
8
9
Run Code Online (Sandbox Code Playgroud)

谢谢.

Mic*_*zos 5

利用angular $index变量,它为您提供集合中项目的索引:

<div ng-repeat="item in items">
     {{item}} <span ng-if="$index === 0">Hello</span>
</div>
Run Code Online (Sandbox Code Playgroud)

要么

<div ng-repeat="item in items">
     {{item}} <span ng-if="$first">Hello</span>
</div>
Run Code Online (Sandbox Code Playgroud)

文档

您有以下特殊值:

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