Basic

Use ngb-rating & wrap with .rating component to create basic ratings.


Rate:{{basicCurrentRate}}

Icons

Use ng-template element to create custom Icons rating.

Sizes

Use .rating.rating { sm | lg } for small or large size ratings. Default is medium.

Events and Readonly

Use [readonly]="true" to make ratings readonly.


Selected:{{ERselected}}
Hovered:{{ERhovered}}

Form Integration

NgModel and reactive forms can be used without the 'rate' binding.

Thanks!
Please rate us

Model:{{ ctrl.value}}

Custom decimal

Custom rating template provided via a variable. Shows fine-grained rating display.


Rate:{{decimalCurrentRate}}