An Angular2 component to visualize a star rating bar, built for Ionic 2.
$ npm install --save ionic2-rating
import { Ionic2RatingModule } from 'ionic2-rating'; @NgModule({ imports: [ Ionic2RatingModule ] }) export class AppModule {}
<rating [(ngModel)]="rate" readOnly="true" max="5" (ngModelChange)="onModelChange($event)"></rating>
You may also need to customize component styles:
ul { padding: 0px; &.rating li { padding: 5px 10px; background: none; color: #ffb400; ion-icon { font-size: 30px; } } }
Based on ionic-rating for Ionic 1: https://github.com/fraserxu/ionic-rating