Skip to content

Instantly share code, notes, and snippets.

@AlexanderKozhevin
Created May 7, 2017 10:45
Show Gist options
  • Save AlexanderKozhevin/1030b6d7ce58fb5be3f836a8729868ca to your computer and use it in GitHub Desktop.
Save AlexanderKozhevin/1030b6d7ce58fb5be3f836a8729868ca to your computer and use it in GitHub Desktop.
<ngb-rating [(rate)]="currentRate"></ngb-rating>
<br>
<ngb-rating [(rate)]="currentRate">
<ng-template let-fill="fill2">
<span class="star2" [class.filled2]="fill2 === 100">&#9733;</span>
</ng-template>
</ngb-rating>
<br>
<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="half" [style.width.%]="fill">&hearts;</span>&hearts;
</span>
</ng-template>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment