angularjs - ng-repeat 中最后一个元素的不同类

Question

我正在使用 ng-repeat 创建一个列表，如下所示

  <div ng-repeat="file in files">
   {{file.name}}
   </div>

但是对于最后一个元素，我希望包含一个类( <div class="last">test</div> )。我如何使用 ng-repeat 来实现这一点？

Answer 1

您可以在 ng-repeat 指令中使用 $last 变量。看看doc .

你可以这样做:

 <div ng-repeat="file in files" ng-class="computeCssClass($last)">
 {{file.name}}
 </div>

其中 computeCssClass 是 controller 的函数，它采用唯一参数并返回 'last' 或 null。

或者

  <div ng-repeat="file in files" ng-class="{'last':$last}">
  {{file.name}}
  </div>