fix(demo): avoid removing DOM elements in decimal rating demo

Fixes #2178 Closes #2225
ng-bootstrap · Mar 16, 2018 · 40a8281 · 40a8281
1 parent 5f14b4e
commit 40a8281
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/demo/src/app/components/rating/demos/decimal/rating-decimal.html b/demo/src/app/components/rating/demos/decimal/rating-decimal.html
@@ -1,9 +1,7 @@
 <p>Custom rating template provided via a variable. Shows fine-grained rating display</p>
 
 <ng-template #t let-fill="fill">
-  <span *ngIf="fill === 100" class="star full">&hearts;</span>
-  <span *ngIf="fill === 0" class="star">&hearts;</span>
-  <span *ngIf="fill < 100 && fill > 0" class="star">
+  <span class="star" [class.full]="fill === 100">
     <span class="half" [style.width.%]="fill">&hearts;</span>&hearts;
   </span>
 </ng-template>