ng2-bootstrap
Version:
angular2 bootstrap components
38 lines (33 loc) • 1.42 kB
Markdown
### Usage
```typescript
import { RatingModule } from 'ng2-bootstrap/ng2-bootstrap';
// or
import { RatingModule } from 'ng2-bootstrap/components/rating';
```
### Annotations
```typescript
// class Rating implements on Init
export class RatingComponent implements ControlValueAccessor, OnInit {
public max:number;
public stateOn:string;
public stateOff:string;
public readonly:boolean;
public titles:Array<string>;
public ratingStates:{stateOn:string, stateOff:string}[];
public onHover:EventEmitter<number> = new EventEmitter(false);
public onLeave:EventEmitter<number> = new EventEmitter(false);
}
```
### Rating properties
- `max` (`?number=5`) - number of icons
- `readonly` (`?boolean=false`) - if `true` will not react on any user events
- `titles` (`?Array<string>`) - array of icons titles, default: (`["one", "two", "three", "four", "five"]`)
- `stateOn` (`?string='glyphicon-star'`) - selected icon class
- `stateOff` (`?string='glyphicon-star-empty'`) - unselected icon class
- `ratingStates` (`?{stateOn:string, stateOff:string}[]`) - array of custom icons classes
### Rating events
- `onHover` - fired when icon selected, `$event:number` equals to selected rating
- `onLeave` - fired when icon selected, `$event:number` equals to previous rating value