IT
Angular ngFor last 활용 예시 isLast
agnusdei1207
2023. 5. 31. 12:52
반응형
SMALL
<div
*ngFor="let menu of menus; last as isLast"
class="p-2 px-4 py-5 text-white transition-all rounded-md cursor-pointer border-white/5 hover:text-gray-300 active:scale-95"
[class.border-b]="!isLast"
(click)="handleMenu(menu)"
>
{{ menu.data?.['label'] }}
</div>
1. isLast : boolean 마지막 요소인 경우 true
2. [class.border-b] = "조건" 참일 경우 클래스 추가
반응형
LIST