angularjs - 在 ng-class 中使用运算符（>、<、==、！=）

Question

我想使用运算符来检查值是否大于或等于 ng-class 中的其他数字或变量，然后相应地应用样式类。基本上我想根据他们的概率为 div 着色。

ng-class 的用法正确吗？它打印的值

{{1-apStats.preMappedProbability.toFixed(3)}} 

但 ng-class 标签不起作用。有什么理由吗？

 <div ng-class="(1-apStats.preMappedProbability.toFixed(3) >=0.5) ? 'yellowClass':'redClass'"> {{1-apStats.preMappedProbability.toFixed(3)}} </div>

我究竟做错了什么。？谢谢

Answer 1

@Subhash

在 ng-class 指令中，首先您需要给出类名，然后是条件，如下所示 -

ng-class="{moreBtnGray : condition}"

在您的情况下 - 您应该使用两个 ng-class 并相应地保持条件。

 <div ng-class="{yellowClass: condition1, redClass:condition2}">{{1-prob.p}} </div>

Answer 2

句法：

<element ng-class="class : conditionExpression"></element>

修改了你的ng-class这种方式

<div ng-class="'yellowClass': 1-apStats.preMappedProbability.toFixed(3) >= 0.5; 'redClass' : anotherCondition">{{1-apStats.preMappedProbability.toFixed(3)}}</div>

Answer 3

<div ng-repeat="item in probability">
 <div ng-class="(1-item.prob.p)>=0.5 ? 'yellowClass':'redClass'">{{1-item.prob.p}} </div>