AngularJS ：使用 ng-if 和 ng-class 组合

Question

我有一个这样的 table :

<tr>
        <th scope="row">QUANTITÉ PRODUITE</th>
        <td>{{hoursValues[0][0][0]}}</td>
        <td>{{hoursValues[0][0][1]}}</td>
        <td>{{hoursValues[0][0][2]}}</td>
        <td>{{hoursValues[0][0][3]}}</td>
        <td>{{hoursValues[0][0][4]}}</td>
        <td>{{hoursValues[0][0][5]}}</td>
        <td>{{hoursValues[0][0][6]}}</td>
        <td>{{hoursValues[0][0][7]}}</td>
      </tr>
      <tr>
        <th scope="row">OBJECTIF QUANTITÉ</th>
        <td>{{hoursValues[0][2][0]}}</td>
        <td>{{hoursValues[0][2][1]}}</td>
        <td>{{hoursValues[0][2][2]}}</td>
        <td>{{hoursValues[0][2][3]}}</td>
        <td>{{hoursValues[0][2][4]}}</td>
        <td>{{hoursValues[0][2][5]}}</td>
        <td>{{hoursValues[0][2][6]}}</td>
        <td>{{hoursValues[0][2][7]}}</td>
      </tr>

我想将一行的每一列与其他对应的列进行比较，例如：hoursValues[0][0][0] && hoursValues[0][2][0] 根据这个比较，我想申请类。我的意思是，如果 hoursValues[0][0][0] > hoursValues[0][2][0]，我想以绿色或红色显示结果。

谁能帮帮我？我应该在我的控制器中写什么？

Answer 1

在每个 td 中都这样做

<td ng-class="{true:'green', false:'red'}[hoursValues[0][0][0] > hoursValues[0][2][0]]">

显然只需将每一列更改为相应的一列。下一个 td

<td ng-class="{true:'green', false:'red'}[hoursValues[0][0][1] > hoursValues[0][2][1]]">

AngularJS ：使用 ng-if 和 ng-class 组合

AngularJS : Use of ng-if and ng-class combination

angularjs

ng-class

angular-ng-if