ng-repeatの最後の要素の異なるクラス

このようなng-repeatを使用してリストを作成しています

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

ただし、最後の要素だけに、クラス（<div class="last">test</div>）を含めたいと思います。ng-repeatを使用してこれをどのように達成できますか？

ディレクティブ$last内で変数を使用できますng-repeat。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>

CSSを使用する方が簡単でクリーンです。

HTML：

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

CSS：

.file:last-of-type {
    color: #800;
}

:last-of-typeセレクタは、現在のブラウザの98％に支持されています

Paulの答えを詳しく説明すると、これはテンプレートコードと一致するコントローラーロジックです。

// HTML
<div class="row" ng-repeat="thing in things">
  <div class="well" ng-class="isLast($last)">
      <p>Data-driven {{thing.name}}</p>
  </div>
</div>

// CSS
.last { /* Desired Styles */}

// Controller
$scope.isLast = function(check) {
    var cssClass = check ? 'last' : null;
    return cssClass;
};

また、可能であればこのソリューションを実際に回避する必要があることにも注意してください。本来、CSSはこれを処理できるため、JSベースのソリューションを作成する必要はなく、パフォーマンスも低下します。IE8をサポートする必要がある場合は残念ながら、このソリューションは機能しません（MDNサポートドキュメントを参照）。

CSSのみのソリューション

// Using the above example syntax
.row:last-of-type { /* Desired Style */ }

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

それは私のために働きます！幸運を！

あなたは最後の要素を見つけるためにlimitToフィルターを使うことができます-1

例：

<div ng-repeat="friend in friends | limitTo: -1">
    {{friend.name}}
</div>

ファビアンペレスの答えは、少し変更されてうまくいきました

編集されたhtmlはここにあります：

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