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