Javascript 基于条件的不同ng类？

如何修改此示例以突出显示

绿色表示>30

，

红色表示<20

，

橙色表示余数

$scope.gridOptions={
数据：“myData”，
行模板：'
'
};

---

官方（并且要运行它）

使用

orange

作为默认类，并有条件地应用其他类，但在Css中，绿色和红色应该在橙色之后声明，因此它将覆盖橙色。这应该做到：

<div style="height: 100%" 
      ng-class="{ green: row.getProperty(age)>30, 
                  red: row.getProperty(age) < 20}" 
      class="orange">
</div>

或者在不考虑css排序的情况下使用此选项：

 <div style="height: 100%" 
      ng-class="{ green: row.getProperty(age)>30, 
                  red: row.getProperty(age) < 20,
                  orange: 20 <= row.getProperty(age) <= 30}" >
</div>

---

Ahhh，逗号符号。这么简单，现在我想起来了。谢谢