Javascript 当使用ng类附加css时，uib评级未获得颜色

我使用的是星型评级，我使用的是ui引导评级指令，当我悬停在这些星型上时，我需要根据这些星型更改颜色

HTML:

CSS:

这是我试过的

---

您需要这样放置

ng-class="addColor"

而不是

ng-class="{{addColor}}"

试试这个CSS

    span.glyphicon:nth-child(1):hover,span.glyphicon:nth-child(2):hover {
    color:red;    
    }
    span.glyphicon:nth-child(3):hover,span.glyphicon:nth-child(4):hover {
    color:green;
    }
    span.glyphicon:nth-child(5):hover {
    color:gold;
    }

---

你想把星星换成什么颜色？@Roysh。我需要根据悬停时得到的值改变星星的颜色，就像它的（1,2）-红色一样；（3,4）-绿色和（5）-金色

ng-class="addColor"

ng-class="{{addColor}}"

    span.glyphicon:nth-child(1):hover,span.glyphicon:nth-child(2):hover {
    color:red;    
    }
    span.glyphicon:nth-child(3):hover,span.glyphicon:nth-child(4):hover {
    color:green;
    }
    span.glyphicon:nth-child(5):hover {
    color:gold;
    }