如何使用angular 7材质图标按钮进行星级评分?

PGH*_*PGH 4 angular-material angular angular7

场景: 我使用材质图标按钮创建了一个评级选项,如下所示:

评分

预期结果:

  • 我想将颜色更改为icon-button最多有多少用户要选择这样的:

在此处输入图片说明

  • 我需要根据用户的选择取 3,3.5,4 之类的值。

演示

sta*_*ain 11

我已经在我的 Angular 7 应用程序中实现了类似亚马逊的评级系统(与您的要求相同)。我用过这个样本。这看起来很简单,代码行更少,您可以重用小部件。

演示网址:https : //angular-material-star-rating.stackblitz.io

  • 请给出完整的stackblitz。 (2认同)