Javascript 表行颜色根据结果而定

我是AngularJs新手，我得到的json数据格式如下：

[
  {
    'StudentName':'abc',
    'maths':'0',
    'english':'0',
    'economics':'0',
  }
] 

我想计算每个学生的分数，如果分数低于40%，那么表格行应该是红色的，否则应该是绿色的。 我试过了。 HTML

css

我得到了百分比，但根据百分比，我没有得到行的颜色

你需要

ngClass指令允许您通过数据绑定表示要添加的所有类的表达式，在HTML元素上动态设置CSS类

代码

或者，从@RevanProdigalKnight comment

ng-class="co(per(x)) ? 'pass' : 'fail'"

---

当使用

ngIf

调用函数时，您不需要；不需要字符串插值

使用

而不是

---

使用

ng类

ng-class="{pass: per(x) >= 40, fail: per(x) < 40}"

ng class=“{pass:per（x）>=40，fail:per（x）<40}”

参考资料：

---

如果该行低于40%，ng if将实际从DOM中删除该行

你会想要的

<tr ng-repeat="x in data" ng-class="{ 'pass' : per(x) > 40 }">

---

作为补充说明，建议不要在ng repeats中使用函数，因为性能可能会受到严重影响。

当刚接触angularjs时，最好不要使用任何jQueryI。实际上，我不知道jQuery在哪里被使用。我想很多人会将jQuery与Javascript混淆。难道jQuery和angularjs不能共存吗？：）还没有开始使用Angular，但我正在使用Jquery@JaredT，是的，但是，您会遇到许多Angular纯粹主义者，他们说您不应该将jQuery和Angular一起使用。我不同意。理论上这是一个伟大的概念。实际上，它只是让一些事情更容易使用jQuery。如果有什么区别的话，如果您想根据一个值更改类。。。。你应该使用ng类。您还可以使用

ng class=“co（per（x））？“通过”：“失败”

@RevanProdigalKnight我今天学到了一些新东西！我不知道在ng类中可以使用三元运算符。谢谢小修。。。课程应该是及格和不及格，而不是绿色和红色。

ng-class='{ "pass" : co(per(x)) == 1, "fail" : co(per(x)) == 0 }'

ng-class="co(per(x)) ? 'pass' : 'fail'"

ng-if="co(per(x))"

ng-if="{{co(per(x))}}"

ng-class="{pass: per(x) >= 40, fail: per(x) < 40}"

<tr ng-repeat="x in data" ng-class="{ 'pass' : per(x) > 40 }">