如何根据范围变量的值更改colores？

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;

我希望元素为红色。

如何根据$scope.IsValid变量的值更改colres？

Answer 1

您可以使用ng-class分配正确的班级（btn-green，btn-red）：

<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>

检查您指定的类是否存在，这只是一个示例。