1. 什么是 ng-repeat 指令？
ng-repeat 指令是 Angularjs 框架中的一个重要指令，它用于在 HTML 模板中循环遍历数组或对象，并将数组或对象中的数据渲染到页面上。通过 ng-repeat 指令，我们可以方便地展示动态数据，并且可以非常灵活地控制数据的展示方式。
2. ng-repeat 指令的语法
ng-repeat 指令的语法非常简单，它只需要一个指令名和一个表达式作为参数。具体语法如下：
<div ng-repeat="item in items">{{ item }}</div>上面的代码中，ng-repeat 指令的参数是 "item in items"，其中 items 是一个数组或对象，item 是数组或对象中的每一个元素。
3. ng-repeat 指令的常用属性
ng-repeat 指令还有一些常用的属性，可以帮助我们更好地控制数据的展示方式。
3.1. $index
$index 属性用于获取当前元素在 ng-repeat 中的索引值，它是一个从 0 开始的整数。
<div ng-repeat="item in items">{{ $index }}. {{ item }}</div>3.2. $first 和 $last
$first 和 $last 属性分别用于判断当前元素是否是 ng-repeat 中的第一个元素和最后一个元素。
<div ng-repeat="item in items" ng-class="{ 'first': $first, 'last': $last }">{{ item }}</div>3.3. $even 和 $odd
$even 和 $odd 属性分别用于判断当前元素在 ng-repeat 中的索引值是否为偶数和奇数。
<div ng-repeat="item in items" ng-class="{ 'even': $even, 'odd': $odd }">{{ item }}</div>4. ng-repeat 指令的高级用法
除了常用的属性之外，ng-repeat 指令还有一些高级用法，可以帮助我们更好地控制数据的展示方式。
4.1. 嵌套 ng-repeat
ng-repeat 指令支持嵌套使用，可以实现更复杂的数据展示方式。
<div ng-repeat="group in groups">
<h3>{{ group.name }}</h3>
<ul>
<li ng-repeat="item in group.items">{{ item }}</li>
</ul>
</div>4.2. 过滤器
ng-repeat 指令支持使用过滤器来过滤数据，可以根据条件过滤出需要的数据进行展示。
<div ng-repeat="item in items | filter: 'keyword'">{{ item }}</div>4.3. 排序器
ng-repeat 指令支持使用排序器来对数据进行排序，可以根据需求对数据进行升序或降序排列。
<div ng-repeat="item in items | orderBy: 'field'">{{ item }}</div>5. 总结
通过本文的介绍，我们了解了 Angularjs 中 ng-repeat 指令的基本语法和常用属性，同时还介绍了 ng-repeat 指令的高级用法，包括嵌套 ng-repeat、过滤器和排序器等。掌握 ng-repeat 指令的使用，可以帮助我们更好地展示动态数据，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450b6a1980a9b385b9a7c99