use ng-template when using ngIf

TAMULib · Sep 13, 2021 · 8ae014a · 8ae014a
1 parent c73dcf4
commit 8ae014a
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-li/wvr-nav-li.component.html b/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-li/wvr-nav-li.component.html
@@ -1,9 +1,13 @@
 <li *ngIf="href" class="nav-item">
   <a class="nav-link d-flex align-items-center justify-content-center" [href]="href">
-    <ng-content></ng-content>
+    <ng-container *ngTemplateOutlet="contentProjection"></ng-container>
   </a>
 </li>
 
 <li *ngIf="!href" class="nav-item d-flex align-items-center justify-content-center">
-  <ng-content></ng-content>
+  <ng-container *ngTemplateOutlet="contentProjection"></ng-container>
 </li>
+
+<ng-template #contentProjection>
+  <ng-content></ng-content>
+</ng-template>