@software-scientists/ngx-star-rating/projects/sample/src/app/app.component.html

Simple Angular rating control from angular2 application using fontawesome icon.

<form [formGroup]="form">
<div class="cont">
  <div class="stars">
    <ngx-star-rating formControlName="rating1" [id]="'rating'"></ngx-star-rating>
  </div>
  <div>Rating: {{form.value.rating1}}</div>
  <p>form is valid: {{ form.valid ? 'true' : 'false' }}</p>
</div>

<div class="cont">
    <div class="stars">
      <ngx-star-rating formControlName="rating2" [id]="'rating2'" [disabled] ="true"></ngx-star-rating>
    </div>
    <div>Rating(Disabled): {{form.value.rating2}}</div>
  </div>
</form>


<div class="cont">
  <div class="stars">
    <ngx-star-rating [(ngModel)]="rating3" [id]="'rating3'" ></ngx-star-rating >
  </div>
  <div>Rating: {{ rating3 }}</div>
</div>