angular:ngif

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- angular:ngif [2019/01/15 01:38] – 만듦 taekgu
+++ angular:ngif [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 3: / 줄 3: @@
 <code javascript>
 <div *ngIf="false">
+  Codevolution
 </div>
+</code>
+.ng-template사용
+<code javascript>
+<div *ngIf="displayName; else elseBlock">
+  Codevolution
+</div>
+<ng-template #elseBlock>
+  <h2>
+    name is hidden
+  </h2>
+</ng-template>
+</code>
+.thenBlock사용
+<code javascript>
+<div *ngIf="displayName; then thenBlock; else elseBlock"></div>
+<ng-template #thenBlock>
+  <h2>Codevolution</h2>
+</ng-template>
+<ng-template #elseBlock>
+  <h2>
+    name is hidden
+  </h2>
+</ng-template>
 </code>

angular/ngif.1547516326.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)