[解決済み] ng-repeatの最後の要素に異なるクラスを指定する。

質問

ng-repeatを使って以下のようなリストを作成しています。

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

しかし、最後の要素だけには、クラス( <div class="last">test</div> ng-repeatを使用してこれを実現するにはどうすればよいでしょうか。

どのように解決するのですか？

を使用することができます。 $last 変数で ng-repeat ディレクティブを使用します。を見てみましょう。 ドック .

こんな風にできるんですね。

 <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>