Javascript 使用AngularJS更改动态表特定td行的背景

我有这个动态表：

<table id="thetable">


            <tr> 

                <th class="th2">&nbsp;&nbsp;Id&nbsp;&nbsp;</th>
                <th class="th2">&nbsp;&nbsp;Attivo&nbsp;&nbsp;</th>
                <th class="th2">&nbsp;&nbsp;Capacità&nbsp;&nbsp;</th> 
                <th class="th2">&nbsp;&nbsp;Zona&nbsp;&nbsp;</th>
                <th class="th2">&nbsp;&nbsp;Stato&nbsp;&nbsp;</th>

         </tr> 

            <tr style="cursor:pointer"  ng-repeat="staffdispenser in staffdispensers">  

        <td ng-click="changePath(staffdispenser.dispenser.iddispenser)"> {{ staffdispenser.dispenser.iddispenser }}</td>  
        <td ng-click="changePath(staffdispenser.dispenser.iddispenser)"> {{ staffdispenser.dispenser.stateOn }}</td> 
        <td ng-click="changePath(staffdispenser.dispenser.iddispenser)"> {{ staffdispenser.dispenser.capacity.type }}</td>
        <td ng-click="changePath(staffdispenser.dispenser.iddispenser)"> {{ staffdispenser.dispenser.geoArea.city }}</td>  
        <td ng-click="changePath(staffdispenser.dispenser.iddispenser)"> {{ (count[$index]*100)/(staffdispenser.dispenser.capacity.depthForSection*staffdispenser.dispenser.capacity.nsections) }}%</td>  

        </tr>  

        </table>

身份证件
阿提沃
电容
带状疮疹
斯塔托
{{staffdispenser.dispenser.iddispenser}
{{staffdispenser.dispenser.stateOn}
{{staffdispenser.dispenser.capacity.type}
{{staffdispenser.dispenser.geoArea.city}
{（计数[$index]*100）/（staffdispenser.dispenser.capacity.depthForSection*staffdispenser.dispenser.capacity.nsections）}

我想更改特定行的td背景，即“count[$index]100）/（staffdispenser.dispenser.capacity.depthForSectionstaffdispenser.dispenser.capacity.nsections）”小于0.5的行

我的看法是：

我想要这样的东西：

你听说过吗

您可以像这样将其添加到元素中

<td ng-class="{'yellow-background': (count[$index]100)/(staffdispenser.dispenser.capacity.depthForSectionstaffdispenser.dispenser.capacity.nsections) < 0.5 }"></td>

你听说过吗

您可以像这样将其添加到元素中

<td ng-class="{'yellow-background': (count[$index]100)/(staffdispenser.dispenser.capacity.depthForSectionstaffdispenser.dispenser.capacity.nsections) < 0.5 }"></td>

阿方索

考虑在此处查找ngClass的示例：

您可以将其应用于元素以动态应用该类

例如：

{{staffdispenser.dispenser.iddispenser}
{{staffdispenser.dispenser.stateOn}
{{staffdispenser.dispenser.capacity.type}
{{staffdispenser.dispenser.geoArea.city}
{（计数[$index]*100）/（staffdispenser.dispenser.capacity.depthForSection*staffdispenser.dispenser.capacity.nsections）}

阿方索

考虑在此处查找ngClass的示例：

您可以将其应用于元素以动态应用该类

例如：

{{staffdispenser.dispenser.iddispenser}
{{staffdispenser.dispenser.stateOn}
{{staffdispenser.dispenser.capacity.type}
{{staffdispenser.dispenser.geoArea.city}
{（计数[$index]*100）/（staffdispenser.dispenser.capacity.depthForSection*staffdispenser.dispenser.capacity.nsections）}

首先，我认为您的Angular

{{}}

表达式中的逻辑太多了，您应该将其卸载到控制器中

你说：

我想更改特定行的td背景，即 “计数[$index]100）/（staffdispenser.dispenser.capacity.DepthForSection staffdispenser.dispenser.capacity.N分区）” 小于0.5

因此，您的

应该如下所示：

<td ng-class="getClass($index)">{{ myLogicHere }}</td>

{{myLogicHere}

在控制器中：

$scope.getClass = function(index) {
  var value = count[index]100)/(staffdispenser.dispenser.capacity.depthForSectionstaffdispenser.dispenser.capacity.nsections;
  return value < .5 ? 'highlight-class' : '';
};

$scope.getClass=函数（索引）{
var值=计数[索引]100）/（staffdispenser.dispenser.capacity.DepthForSection staffdispenser.dispenser.capacity.N分区；
返回值<.5？“突出显示类”：“”；
};

---

当然，调整控制器所具有的任何值/属性/逻辑。

首先，我认为在角度

{{}

表达式中有太多的逻辑，应该将其转移到控制器上

你说：

我想更改特定行的td背景，即 “计数[$index]100）/（staffdispenser.dispenser.capacity.DepthForSection staffdispenser.dispenser.capacity.N分区）” 小于0.5

因此，您的

应该如下所示：

<td ng-class="getClass($index)">{{ myLogicHere }}</td>

{{myLogicHere}

在控制器中：

$scope.getClass = function(index) {
  var value = count[index]100)/(staffdispenser.dispenser.capacity.depthForSectionstaffdispenser.dispenser.capacity.nsections;
  return value < .5 ? 'highlight-class' : '';
};

$scope.getClass=函数（索引）{
var值=计数[索引]100）/（staffdispenser.dispenser.capacity.DepthForSection staffdispenser.dispenser.capacity.N分区；
返回值<.5？“突出显示类”：“”；
};

---

当然，调整控制器的任何值/属性/逻辑。

使用带有该条件的ng类？可以给我一个例子吗？使用带有该条件的ng类？可以给我一个例子吗？[$index]*100..但是什么都没有发生您需要确保您的条件中的所有变量都在范围内，并且您的CSS[$index]中确实有一个

黄色背景
类*100..但是什么也没发生你需要确保你的条件中的所有变量都在范围内，并且你的CSSI中有一个
黄色背景
类我无法使它工作，你能给我一个实用的例子和陈词滥调吗？我无法使它工作，你能给我一个实用的例子和陈词滥调吗？