An angularjs directive that take care of visualizing a star rating bar, build for ionic.

 Ionic Rating

Also able to print half star (display only) :

 Ionic Rating


angular-ui has the same rating directive, but it is build on top of bootstrap. This repo just reuse most of the js code, but build for the ionic framework.

How to use?

Install with bower:


In your index.html


In you template:


In you controller:


For strict-di, you can use


If you want to make it read only

added readonly=”readOnly” to rating directive, and $scope.readOnly = true; to the controller.

Note: You may also need to include the style file. But I suggest you just copy it to your project.





Prakash S

Prakash S

I would like to introduce myself as a Software professional opting for the career in software industry. I'm Prakash S, a MCA graduate and trained as industry level practice for Software technology. Basically I am a PHP Developer but now days exploring more in HTML5, CSS, AngularJS and jQuery libraries.