title: Set background for row in table dynamic using Angular JS
body: <p><a href="https://i.stack.imgur.com/I06KN.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>I have table dynamic binding. I want to set Background for column Grade if it have * word. </p>
  
  <pre><code>&lt;table id="myTable" class="table table-bordered span11" &gt;
      &lt;tr id="test" class="header" &gt;
          &lt;th  ng-repeat="header in plansHeader"  &gt;{{header}}&lt;/th&gt;
  
      &lt;/tr&gt;
      &lt;tr ng-repeat="value in plansList"&gt;
          &lt;td  ng-repeat="header in plansHeader" id="{{header}}"  ng-class="{Overrange: value[header].contains('*')}"&gt;
              &lt;div  ng-bind-html="value[header]"&gt;&lt;/div&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My Js code. </p>
  
  <pre><code>$scope.plansHeader=[];
  if(res.length&gt;0){
      $scope.plansList  = res;
      var plansHeader=[];
      for(var key in res[0]){
          if(key.indexOf("$")&lt;0)
          {
              plansHeader.push(key)
          }
      }
      $scope.plansHeader = plansHeader;
  
  }
  </code></pre>
  
  <p>Array: 0</p>
  
  <p>{LOT_NO: "CRB-602", LINE: "S21", ProdDate: "180101-13:39", Grade: "*B", Grades: "0",…}
  1
  :
  {LOT_NO: "", LINE: "S22", ProdDate: "180101-13:40", Grade: "*Qu", Grades: "0",…}</p>