Как изменить цвет в соответствии со значением переменной области видимости?

Question

У меня есть этот элемент:

<a class="btn btn-default btn-xs" ui-sref="sites.edit({siteId: site.Id})" ng-click="$event.stopPropagation()"> 
    <i class="glyphicon glyphicon-info-sign"></i> 
</a> 

Если это значение:

$scope.IsValid = true; 

Я хочу элемент, чтобы быть в зеленом цвете.

Если это значение:

$scope.IsValid = false; 

Я хочу, чтобы элемент, чтобы быть в красном цвете.

Как я могу сделать colres для изменения в соответствии со значением переменной $scope.IsValid?

Answer 1

Вы можете использовать ng-class назначая правильный класс (БТН-зеленый, БТН-красный):

<a class="btn btn-default btn-xs" ng-class="{'btn-green': isValid, 'btn-red': !isValid}" ui-sref="sites.edit({siteId: site.Id})" ng-click="$event.stopPropagation()"> 
    <i class="glyphicon glyphicon-info-sign"></i> 
</a> 

Проверьте классы присваиваемые присутствуют, это всего лишь пример.