angular-input-stars

Create rating inputs easily

Angular Core Dependency: 1.3.x

Added by: Sam Deering

GitHub

Repository

rcbytes/angular-input-stars

Stats

Stars: 9

Watchers: 9

Forks: 3

Module Description

Welcome

With this directive you can build rating inputs easily.

Look! A demo!

Installation via bower

    bower install angular-input-stars

Inject it

    angular.module('app', ['angular-input-stars'])

Use

    <input-stars max="5" ng-model="YourCtrl.property"></input-stars>

You can customize the full, empty and base icon classes via attributes

    <input-stars max="5" icon-full="fa-circle" icon-base="fa fa-fw" icon-empty="fa-circle-o" ng-model="YourCtrl.property"></input-stars>

Unlike icon-base, on icon-full and icon-empty you must specify only one class, but that is all you need : ]

You can customize the list class to whatever you want

    <input-stars max="5" list-class="shiny-list" ng-model="YourCtrl.property"></input-stars>

You can make it readonly thanks to @anjorinjnr

    <input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly ></input-stars>
    <input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly="true" ></input-stars>
    <input-stars max="10" list-class="shiny-list" ng-model="YourCtrl.property" readonly="readonly" ></input-stars>

The .css file is optional and it is a bootstrap for customizations.

##Dependencies This directive uses FontAwesome as fallback if you don't specify any icon class.

License

MIT License © Rafael Mello Campanari

Module stats last updated: 2015-06-08 00:39:17

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!