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

发布时间：2020-12-17 09:18:19 所属栏目：安全来源：网络整理

导读：我使用ng-repeat创建一个列表，像这样 div ng-repeat="file in files" {{file.name}} /div 但是对于最后一个元素，我想有一个类( div class =“last” test / div)包括它。如何使用ng-repeat实现这一点？您可以在ng-repeat指令中使用$ last变量。看看 doc。

我使用ng-repeat创建一个列表，像这样

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

但是对于最后一个元素，我想有一个类(< div class =“last”> test< / div>)包括它。如何使用ng-repeat实现这一点？

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

你可以这样做：

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

其中computeCssClass是控制器的函数，它接受单独的参数并返回“last”或null。

要么

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!