Как сделать звездный рейтинг, используя 7-значную угловую кнопку?

Question

СЦЕНАРИЙ: Я создал опцию оценок с использованием материала значок-кнопка следующим образом:

Ожидаемый результат:

• Я хочу изменить цвет из icon-button до того, сколько пользователь собирается выбратькак это:

• Мне нужно принять значение, как 3,3,5,4, в зависимости от выбора пользователя.

DEMO

Answer 1

Я внедрил систему оценки Amazon как (то же требование, что и у вас) в моем приложении Angular 7.Я использовал этот образец .Это выглядит просто, меньше строк кода, и вы можете повторно использовать виджет.

URL-адрес демонстрации: https://angular -material-star-rating.stackblitz.io