Question

我想根据其中的值显示该类。

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

这将应用与条件相对应的类。

<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

1 个答案: