title: Applying CSS style conditionally in ng-repeat in AngularJS
body: <p>This is my code.Am applying css for <code>if condition</code> and removing that css for <code>else condition</code> its working fine.<br>But I dont want to use 2 <code>&lt;tr&gt;</code> within one tr I need to achieve this and I dont want to use inine <code>css</code>.</p>
  
  <pre><code>&lt;tr ng-repeat="data in userList"
     ng-if="data.appDate&gt;=delivery.joinedDate"
     ng-style="{'background-color': '#ffd6d6','border':'dashed 3px #9e0b0f'}"&gt;
      &lt;td&gt;{{$index+1}}&lt;/td&gt;
      &lt;td&gt;{{data.name }}&lt;/td&gt;
      &lt;td&gt;{{data.age}}&lt;/td&gt;
      &lt;td&gt;{{data.dept}}&lt;/td&gt;
      &lt;td&gt;{{data.appDate }}&lt;/td&gt;
      &lt;td&gt;{{data.joinedDate}}&lt;/td&gt;                         
  &lt;/tr&gt;
  &lt;tr ng-repeat="data in userList" ng-if="!(data.appDate&gt;=delivery.joinedDate)"&gt;
      &lt;td&gt;{{$index+1}}&lt;/td&gt;
      &lt;td&gt;{{data.name }}&lt;/td&gt;
      &lt;td&gt;{{data.age}}&lt;/td&gt;
      &lt;td&gt;{{data.dept}}&lt;/td&gt;
      &lt;td&gt;{{data.appDate }}&lt;/td&gt;
      &lt;td&gt;{{data.joinedDate}}&lt;/td&gt;                         
  &lt;/tr&gt;
  </code></pre>
  
  <p>Any suggestion?</p>