JSPM

  • Created
  • Published
  • Downloads 3867
  • Score
    100M100P100Q164706F
  • License MIT

Angular Star Rating is a Angular1.5 component written in typescript.

Package Exports

  • angular-star-rating

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (angular-star-rating) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Angular Star Rating

Angular 1.5 Component written in typescript, based on css only techniques.

Bower version npm version
Package Quality

Angular Star Rating is a >1.5 Angular component written in typescript.
It is based on a fully customizable css only star rating component written in scss.

DEMOS

alt tag

Install

Get Angular Sar Rating:

  • clone & build this repository
  • download as .zip
  • or via npm: by running $ npm install angular-star-rating from your console

Properties

@ bindings

id: string (Optional)
The html id attribute of the star rating
Default: undefined

< bindings

text: string (Optional)
The text next to the stars.
Default: undefined

labelPosition: starRatingPosition (Optional)
The position of the label
Options: top, right, bottom, left
Default: left

spread: boolean (Optional)
If the start use the whole space or not.
Default: false

numOfStars: number (Optional)
The possible number of stars to choose from
Default: 5

rating: number (Optional)
The actual star rating value
Default: undefined

color: starRatingColors (Optional)
Possible color names for the stars.
Options: default, negative, middle, positive
Default: undefined

disabled: boolean (Optional)
The click callback is disabled, colors are transparent
Default: false

readOnly: boolean (Optional)
The click callback is disabled
Default: false

size: starRatingSizes (Optional)
The height and width of the stars.
Options: small, medium, large
Default: middle

speed: starRatingSpeed (Optional)
The duration of the animation in ms.
Options: immediately, noticeable, slow
Default: noticeable

starType: starRatingStarTypes (Optional)
The type of start resource to use.
Options: svg, icon, image
Default: svg

& bindings

getColor: Function (Optional)
Calculation of the color by rating.
Params: rating, number,numOfStars and staticColor
Return: color name

onClick: Function (Optional)
Callback function for star click event Params: rating

onUpdate: Function (Optional)
Callback function for rating update event Params: rating

Usage

ES5

ES6

TS