ngx-rating
Simple rating control for your angular2 applications using bootstrap3. Does not depend of jquery. If you want to use it without bootstrap - simply create proper css classes. Please star a project if you liked it, or create an issue if you have problems with it.
Installation
-
Install npm module:
npm install ngx-rating --save
-
If you are using system.js you may want to add this into
map
andpackage
config:
Usage
Import RatingModule
module in your app, and use a component in your html:
<rating>
:[(ngModel)]="variable"
Model to be changed on rating selection. This argument is required.[max]="number"
Number of rating items (rating stars). Default is 5.iconClass="string"
Css class to be used as an icon. Default is star-icon.fullIcon="string"
UTF character to be used as filled rating item. Default is ★.emptyIcon="string"
UTF character to be used as empty rating item. Default is ☆.[readonly]="true|false"
Indicates if rating should be readonly. If rating is readonly then use cannot vote, only can see a result. Default is false[disabled]="true|false"
Indicates if rating should be disabled. If rating is disabled then it will not be shown. Default is false[required]="true|false"
Indicates if rating should be required. With this you can use ngForm and validation capabilities of angular 2. Default is false[float]="true|false"
If set to true then user can select half-of-star too. Default is false[titles]="true|false"
Array of titles for each item in the rating.
Sample
;; @ starsCount: number; @
Take a look on samples in ./sample for more examples of usages.