title: How to use ng-class in angularjs table?
body: <p>I have 3 css class namely</p>
  
  <pre><code>.green{
    background-color:green
  }
  
  .yellow{
    background-color:yellow
  }
  
  .red{
    background-color:red
  }
  </code></pre>
  
  <p>And I have a table</p>
  
  <p>which looks like this</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table table-bordered"&gt;
          &lt;thead&gt;
          &lt;tr class="bg-primary"&gt;
              &lt;th&gt;Task Name&lt;/th&gt;
              &lt;th&gt;Start Date&lt;/th&gt;
              &lt;th&gt;End Date&lt;/th&gt;
              &lt;th&gt;Priority&lt;/th&gt;
              &lt;th&gt;Action&lt;/th&gt;
              &lt;th ng-hide="true"&gt;autoid&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;tr ng-repeat="d in dataintbl"&gt;
              &lt;td&gt;{{d.taskname}}&lt;/td&gt;
              &lt;td&gt;{{d.taskstartdate}}&lt;/td&gt;
              &lt;td&gt;{{d.taskenddate}}&lt;/td&gt;
              &lt;td&gt;{{d.taskpriority}}&lt;/td&gt;
              &lt;td&gt;
                  &lt;a href="#" ng-click="updateuser()" class="btn btn-warning glyphicon glyphicon-edit"&gt;&lt;/a&gt;
                  &lt;a href="#" ng-click="deleteuser()" class="btn btn-danger glyphicon glyphicon-trash"&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;td ng-hide="true"&gt;{{d.taskmid}}&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>now in my <code>&lt;td&gt;{{d.taskpriority}}&lt;/td&gt;</code>I have data like </p>
  
  <blockquote>
    <p>low medium high</p>
  </blockquote>
  
  <p>now I want to use ng-class in my td and apply css class as per data</p>
  
  <p>if I have (low) in my td, green css class should be apply and so on</p>
  
  <p>what I need to do to achieve this?</p>