angular2-simple-ui/sui/sui.rating/sui.rating.component.html

Angular 2 Simple Material Design UI Components customisable with Simple 30 KB CSS with LESS support and full features support , just plugin up and run for clarity look at sample examples

<span (mouseleave)="resetHovered()" class="sui-rating" [class.disabled]="disabled" [class.readonly]="readonly" tabindex="0" role="slider" aria-valuemin="0" [attr.aria-valuemax]="ratingRange.length" [attr.aria-valuenow]="model">
    <span *ngFor="let item of ratingRange; let index = index">
        <i (mouseenter)="setHovered(item)" 
           (mousemove)="changeHovered($event)"
           (click)="rate(item)" 
           [attr.data-icon]="fullIcon"
           class="{{ iconClass }} half{{ calculateWidth(item) }}"
           [title]="titles[index] || item">{{ emptyIcon }}</i>
    </span>
</span>