# ngx-star-rating

Angular Star Rating (ngx star rating)

Simple Angular rating control from angular2 application using fontawesome icon.

Demo can be found here

!ngx-star-rating angular rating

Installation

1. Install npm module:

``npm install ngx-star-rating --save`

2. Include fontawesome css:

``

## Usage

Import NgxStarRatingModule module in your app, and use a component in your html:

import { NgxStarRatingModule } from 'ngx-star-rating';

// Include tag into your component



* :
* [(ngModel)] | formControl = ngModel or formControl
* '[id] = Unique id for each control
* [disabled]="true|false" = Enable/Disable star rating. Default is false.

Sample

``typescript
// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgxStarRatingModule } from 'ngx-star-rating';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
NgxStarRatingModule,
FormsModule,
ReactiveFormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

// app.component.ts
import { Component } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],

})
export class AppComponent {
public form: FormGroup;

constructor(private fb: FormBuilder){
this.rating3 = 0;
this.form = this.fb.group({
rating: ['', Validators.required],
})
}
}

// app.component.html