ng-class仅用于ng-repeat的前5个之后的每个元素

时间:2017-03-17 17:52:42

标签: javascript angularjs angular-ui-bootstrap

有没有办法在ng-repeat的前5个之后仅对每个元素使用ng-class?

这是仅针对最后一个元素的方式。

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

但是,我只想添加类&#34; hidden-md&#34;仅限于前5个之后的每个元素。

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

1 个答案:

答案 0 :(得分:5)

检查$index并根据相关条件分配班级。

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