Question

我有一张这样的表：

<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]＆amp;＆amp; hoursValues [0] [2] [0]并根据这个比较，我想申请这些课程。我的意思是，如果hoursValues [0] [0] [0]＆gt; hoursValues [0] [2] [0]，我想将结果显示为绿色，否则为红色。

任何人都可以帮助我吗？我应该在控制器中写什么？

Answer 1

每个td中的

就这样做

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

obvius只需用相应的列更改每一列。下一个td

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

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

1 个答案: