Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- 앵귤러 애니메이션
- route
- Ionic modal
- summary
- 옵저버블
- TAILWIND
- scroll
- prisma
- 호버
- 검색
- mysql if
- 스크롤 이벤트 감지
- 셀렉트박스 커스텀
- 스크롤 이벤트
- Angular Router
- Router
- modal
- 앵귤러 모달
- angular modal
- 모달
- angular button
- Oracle LISTAGG 사용 예시
- flex-1
- egov spring ajax 사용 예시
- 아이오닉 스크롤 이벤트
- ajax 사용 예시
- ApexChart
- angular route
- angular animation
- formgroup
Archives
- Today
- Total
깜놀하는 해므찌로
Angular *ngIf else 활용 예시 본문
반응형
SMALL
<ng-container *ngFor="let dot of [].constructor(8); index as i">
<img
src="assets\icon\double_circle.svg"
class="w-4 h-4"
*ngIf="i === visibleIndex; else none"
/>
<ng-template #none>
<div class="bg-white/50 rounded-full w-1.5 h-1.5"></div>
</ng-template>
</ng-container>
1. 일반 if else 와 동일하게 동작합니다.
2. else 변수명 : 사용 시 반드시 <ng-template #변수명> 으로 명시해야 하며, ng-template 태그를 사용해야 합니다.
반응형
LIST