☰

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

tag-icon • tag-icon angularjs
ng-repeatの最後の要素の異なるクラス 質問する

私はng-repeatを使って次のようなリストを作成しています

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

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

ベストアンサー1

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

おすすめ記事