在ng-class中使用运算符（＆gt;，＆lt;，==，！=）

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

{{1}}