Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8674

ngForを使って最後の要素に処理をする

$
0
0

lastを使うと要素の最後を指定することができる。

例えば:要素の最後だけ、文字を赤色にしたいとき

<div *ngFor="let value of values;last as isLast">
    <div *ngIf="isLast" [class.boo]="isLast"></div>
</div>
.boo {
  color: red;
}

※参考 https://www.atmarkit.co.jp/ait/articles/1711/06/news127.html

変数概要
index要素のインデックス値(先頭は0)
first最初の要素か
last最後の要素か
evenインデックス値が偶数か
oddインデックス値が奇数か

Viewing all articles
Browse latest Browse all 8674

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>