Javascript 在子元素中使用ng if指令更改父元素的样式

我是新手。根据条件，我会更改单元格的背景。但如果我能改变整行的背景，我会非常高兴。
下面是一个代码示例：

<table>
    <thead>
        <tr>
            <td>
                Status
            </td>
            <td>
                Time waiting
            </td>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="item in filteredAgentsDetailedArr">
            <td ng-if="item.name == 'Not Logged'">
                {{ item.name }}
            </td>
            <td ng-if="item.name == 'In Call'" 
                ng-style="{backgroundColor: 'green'}">
                {{ item.name }}
            </td>
            <td ng-if="item.name == 'Waiting'" 
                ng-style="{backgroundColor: 'red'}">
                {{ item.name }}
            </td>

           <td ng-if="item.time_waiting[6] < 3 && item.time_waiting[4] == 0" 
               ng-style="{backgroundColor: 'yellow'}">
               {{ item.time_waiting }}
           </td>
           <td ng-if="item.time_waiting[6] >= 3 && item.time_waiting[4] < 2 ||
                      item.time_waiting[4] == 1 && item.time_waiting[3] == 0"
               ng-style="{backgroundColor: 'gold'}">
               {{ item.time_waiting }}
           <td>
       </tr>
    </tbody>
</table>

地位
等待时间
{{item.name}
{{item.name}
{{item.name}
{{item.time_waiting}
{{item.time_waiting}

也就是说，一切正常。但是我想在整个字符串中添加一个样式（或者ng类），而不是在一个单元格中。也许有人知道如何使用ng if指令实现这一点？

---

先谢谢你！）

使用

ng类

或

ng样式

指令完成条件样式设置

请看一下官方文件：，。

试试这个：

你的html

<table>
<thead>
    <tr>
        <td>
            Status
        </td>
        <td>
            Time waiting
        </td>
    </tr>
</thead>
<tbody>
    <tr ng-repeat="item in filteredAgentsDetailedArr"
        ng-class="{ 'incall' : item.name == 'In Call', 'waiting' : item.name == 'Waiting'}">
        <td ng-if="item.name == 'Not Logged'">
            {{ item.name }}
        </td>
        <td ng-if="item.name == 'In Call'">
            {{ item.name }}
        </td>
        <td ng-if="item.name == 'Waiting'">
            {{ item.name }}
        </td>

       <td >
         <span ng-if="item.time_waiting[6] < 3 && item.time_waiting[4] == 0"
               ng-style="{backgroundColor: 'yellow'}">
           {{ item.time_waiting }}
         </span>
       </td>
   </tr>
</tbody>

---

如果你正在学习，为什么不试试最新的版本呢？。。。9月，我们将实现一个新版本。亚历杭德罗·阿尔瓦拉多，非常感谢。这正是我需要的！）

table {
  border-collapse:collapse;
}

.incall {
  background-color: green;
}

.waiting {
  background-color: red;
}