如何在动态AngularJS ng类中更改glyphicons的颜色？

Question

所以，现在，我有一个名为lessThan（a，b）的函数，它接收2个数字来决定是否＆＃34; a＆＃34;小于＆＃34; b＆＃34;这会返回一个布尔值（true / false）。我目前有一个表单，我在其中添加了一个glyphicon，以便在true时显示复选标记，在false时显示X.然而，我似乎无法弄清楚如何为这两个独立的案例进行颜色变化。它要么总是一种颜色，要么根本就没有颜色。我希望真正的情况是将复选标记更改为绿色，将X更改为红色。这是我现在想要改变的代码行。

    <i ng-class="{'glyphicon glyphicon-ok': lessThan(a,b),'glyphicon glyphicon-remove': !lessThan(a,b) }"> </i>

Answer 1

您可以在普通css中设置颜色。

.glyphicon-ok {
    color: green;
}

.glyphicon-remove {
    color: red;
}