동적 AngularJS ng-class에서 글리 phicons의 색을 어떻게 변경합니까?

Question

그래서 지금은 lessThan (a, b)라는 함수가 있습니다.이 함수는 "a"가 "b"보다 작은 지 여부를 결정하는 2 개의 숫자를 취하며이 값은 부울 값 (true/false)을 반환합니다. 현재 폼에 글리프콘을 추가하여 사실 일 때 확인 표시가 나타나고 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; 
}