ng-class 具有多个条件

Question

我想根据其中的值显示 class。

ng-if="data.percentage >= 0  & data.percentage < 25"
ng-if="data.percentage >= 25 & data.percentage < 50"
ng-if="data.percentage >= 50 & data.percentage < 75"
ng-if="data.percentage >= 75 & data.percentage <= 100"

.firstLabel
.secondLabel
.thirdLabel
.fourthLabel

例如，如果 data.percentage 中的值为 75，那么我的输出 div 应该如下所示。

<div ng-class="fourthLabel" > </div>

感谢帮助。

Answer 1

您需要像这样将它们全部组合成一个ng-class。

这将应用与为真的条件相对应的 class。

<div ng-class="{'firstLabel': data.percentage >= 0  & data.percentage < 25, 'secondLabel':data.percentage >= 25 & data.percentage < 50, 'thirdLabel': data.percentage >= 50 & data.percentage < 75, 'fourthLabel':data.percentage >= 75 & data.percentage <= 100 }" > </div>

ng-class 具有多个条件

ng-class with multiple conditions

if-statement

conditional-statements

angularjs

ng-class