angular bootstrap - How to use Rating

app.component.ts

import { Component } from '@angular/core';

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


export class AppComponent {
  currentRate:number = 3;
}

app.component.html

<h4 style="padding-top:25px; padding-bottom:25px;">
  Angular Bootstrap - How to use Rating
</h4>

<h6 style="padding-bottom:12px;">
  Current Rate: <b>{{currentRate}}</b>
</h6>

<ngb-rating [(rate)]="currentRate"></ngb-rating>

More Angular tutorials

• angular bootstrap - How to use Collapse
• angular bootstrap - Rating hover event
• angular bootstrap - Readonly & editable Rating
• angular bootstrap - How to show Toast message
• angular bootstrap - Progressbar maximum value
• angular bootstrap - How to show striped Progressbar
• angular bootstrap - Light & dark Progressbar
• angular bootstrap - Timepicker with meridian
• angular bootstrap - Timepicker without spinner
• angular bootstrap - Timepicker custom steps
• angular bootstrap - Datepicker default selected date
• angular bootstrap - Datepicker default visible year month
• angular bootstrap - How to show Datepicker in a popup
• angular bootstrap - How to enable disable Datepicker
• angular bootstrap - Datepicker custom day style