具有多个条件的 ng 级

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

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

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

感谢您的帮助。

Answer 1

您需要将它们全部组合在一个ng 类中，如下所示。

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

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