Angularjs 根据条件更改按钮颜色

我只需要添加两个不同颜色的按钮，但是按钮需要根据web服务响应显示颜色

if status=“open”

绿色按钮

if status=“closed

红色按钮

<a class="button icon button-block button-calm icon-right ion-android-arrow-dropright-circle" href="#" ng-repeat= "file in file">File Ref No:{{file.num}}<br>
            Description:{{file.descript}}<br>
            Status:{{file.status}}</a><br>

您可以使用ng class指令（请参阅），因此根据“status”的值（应该是控制器作用域的属性）对按钮应用不同的CSS类：

---

PS：请注意，您不能将ng类（或任何其他指令）直接绑定到服务中的变量，但您需要将该变量分配给作用域中的属性

您可以使用ng类指令（请参阅），因此根据“status”的值对按钮应用不同的CSS类（应为控制人范围内的财产）：

PS：请注意，您不能将ng class（或任何其他指令）直接绑定到服务中的变量，但需要将该变量分配给作用域中的属性

函数MyCtrl（$scope）{
$scope.file=[{
数字：“1”，
descript:'文件说明1'，
状态：“已关闭”
}, {
数字：“2”，
descript:'文件说明2'，
状态：“打开”
}]
}

请试试这个

函数MyCtrl（$scope）{
$scope.file=[{
数字：“1”，
descript:'文件说明1'，
状态：“已关闭”
}, {
数字：“2”，
descript:'文件说明2'，
状态：“打开”
}]
}

<a class="button icon button-block icon-right ion-android-arrow-dropright-circle" href="#" ng-repeat= "file in file" ng-class="{'button-balanced': status == 'open', 'button-assertive': status == 'close'}">