title: Change style of parent element using ng-if directive in child element
body: <p>I am new to angular js. Depending on the conditions, I change the background of the cells. But I'll be more than just happy if I can to change the background of the entire line.<br> 
  Here is an example of the code:</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  Status
              &lt;/td&gt;
              &lt;td&gt;
                  Time waiting
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="item in filteredAgentsDetailedArr"&gt;
              &lt;td ng-if="item.name == 'Not Logged'"&gt;
                  {{ item.name }}
              &lt;/td&gt;
              &lt;td ng-if="item.name == 'In Call'" 
                  ng-style="{backgroundColor: 'green'}"&gt;
                  {{ item.name }}
              &lt;/td&gt;
              &lt;td ng-if="item.name == 'Waiting'" 
                  ng-style="{backgroundColor: 'red'}"&gt;
                  {{ item.name }}
              &lt;/td&gt;
  
             &lt;td ng-if="item.time_waiting[6] &lt; 3 &amp;&amp; item.time_waiting[4] == 0" 
                 ng-style="{backgroundColor: 'yellow'}"&gt;
                 {{ item.time_waiting }}
             &lt;/td&gt;
             &lt;td ng-if="item.time_waiting[6] &gt;= 3 &amp;&amp; item.time_waiting[4] &lt; 2 ||
                        item.time_waiting[4] == 1 &amp;&amp; item.time_waiting[3] == 0"
                 ng-style="{backgroundColor: 'gold'}"&gt;
                 {{ item.time_waiting }}
             &lt;td&gt;
         &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>That is, everything works. But I'd like to add a style(or maybe ng-class) to the entire string and not to one cell. Maybe someone knows how this can be implemented using the ng-if directive?<br>
  Thank you in advance!)</p>