How to make star rating using angular 7 material icon button?

Question

SCENARIO: I have created a ratings option using material icon-button as follow:

Expected Result:

• I want to change the color of icon-button up to how much user going to select like this:

• I need to take value like 3,3.5,4 depending on the users selection.

DEMO

Answer 1

I have implemented Amazon like rating system (the same requirement as yours) in my Angular 7 application. I have used this sample. This looks simple, less lines of code and you can reuse the widget.

Demo Url: https://angular-material-star-rating.stackblitz.io