从ng-repeat第一项更改颜色

时间:2016-05-23 11:18:54

标签: angularjs

我的控制器中有一个字符串数组,我在视图中使用ng-repeat进行迭代。我想要数组的第一个元素与其他颜色。我怎么能这样做?

SET @sql = CONCAT('
  SELECT d.*, t.IDTRUCK, ', @sql, ' 
  FROM DRIVERS d
    JOIN TRUCKS t ON ACTUEL = TRUE AND t.IDDRIVER = d.IDDRIVER;
    LEFT JOIN BOXS b ON BOXS.IDTRUCK = t.IDTRUCK
  GROUP BY t.IDTRUCK');

2 个答案:

答案 0 :(得分:3)

您可以在循环中使用$first

<div ng-repeat="lang in vm.language">
    <span ng-class="{'some-css-class': $first}">{{lang}}</span>
</div>

答案 1 :(得分:0)

您可以在ng-repeat循环中使用带有$ first的ng-class指令

 <div ng-repeat="lang in vm.language">
      <span ng-class="{first-element: $first}">{{lang}}</span>
 </div>

你的css课可能看起来像这样

  .first-element{
      color: #CC0097;
  }  

希望这会对你有所帮助!!