angularjs - 使用 AngularUI Star Rating 更改星星的颜色并显示半星评级

Question

我正在使用 Angular UI 星级，但我想执行以下 2 个元素。非常感谢任何帮助!

1. 我想将所选星号(“stateOn:glyphicon-star”)的颜色更改为黄色。有办法吗？
2. 我也想显示半星。例如，我想显示 3 1/2 星。你能告诉我怎么做吗？

这是 AngularUI 中星级评分的评分标签:

<rating value="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" </rating>

Answer 1

Half stars 会对逻辑和可能的 CSS 进行一些更改(我想象如果它在绘制了它应该为 floored 值的星数之后有余数，然后在容器中绘制一个半宽度的星并且没有溢出，或者只是制作一个半星图标)。您可以在自己的 CSS 中简单地覆盖颜色，例如

.glyphicon-star, .glyphicon-star-empty {
  color:yellow;
}