javascript - Highlight a row of a table using the id in angular-js -


i new angularjs. have table -

html

<table class="table table-striped" id="manageresumetable">     <thead class="text-center text-info text-capitalize">         <th class="text-center col-xs-1">sr.no.</th>         <th class="text-center col-xs-4">document</th>         <th class="text-center col-xs-1">score</th>         <th class="text-center col-xs-1">quickscore</th>         <th class="text-center col-xs-5">actions</th>     </thead>     <tr ng-repeat="file in processresumefiles">         <td class="text-center col-xs-1">{{ file.temporaryid }}</td>         <td class="view-orphan uploadresumetablecelloverflow col-xs-4">             {{ file.attributes.name }}         </td>         <td class="text-center col-xs-1">{{file.totalscore}}</td>         <td class="text-center col-xs-1">{{file.attributes.quickscore}}</td>         <td class="text-center col-xs-5">             <button class="btn btn-labeled  btn-info" title="annotate un-annotated words" ng-disabled="!file.attributes.isuploadeddocument" data-ng-click="getorphans($index)">                     <i class="fa fa-eye" aria-hidden="true"></i>                 </button>             <button class="btn btn-labeled  btn-info" title="promote gold standard" ng-disabled="!file.attributes.iscommitted || !file.attributes.isuploadeddocument" data-ng-click="markasgoldstd(file.attributes.name)">                     <i class="fa fa-share" aria-hidden="true"></i>                 </button>             <button class="btn btn-labeled  btn-info" title="delete corpus" data-ng-click="deleteresume(file.attributes.name)">                     <i class="fa fa-trash" aria-hidden="true"></i>                 </button>             <button class="btn btn-labeled  btn-info" title="move archive" ng-disabled="!file.attributes.iscommitted || !file.attributes.isuploadeddocument" data-ng-click="movetosolar(file.attributes.name)">                     <i class="fa fa-sign-out" aria-hidden="true"></i>                 </button>             <button class="btn btn-labeled  btn-info" title="add tracker" ng-disabled="!file.attributes.iscommitted || !isjddeleted || !jdselected"                     data-ng-click="movetojobdescription(file.attributes.name)">                     <i class="fa fa-check-square" aria-hidden="true"></i>                 </button>         </td>     </tr> </table> 

so, have id coming back-end. want highlight row id 1. temporary id id here.

table data -

sr.no document score quickscore actions 1 abc 12 5 aa

here, when id 1 want highlight row. can 1 please give me idea ? help.

you can use ngclass directive add css class <tr>

<tr ng-repeat="file in processresumefiles"  ng-class="{'highlighterclass' : file.temporaryid == 1}"> 

Comments