驗證$ index並設置樣式

Question

我試圖突出顯示表行，但很難將其轉換為指令內的angular js。 檢查偽代碼：

if(highlight.indexOf($index) != -1) set .highlight css class

這是我的代碼的示例：

 $scope.highlight = [0,2,3] 

 .highlight { color: red; } 

 <table class="ui celled table"> <thead> <tr> <th>AAA</th> <th>BBB</th> </tr> </thead> <tbody> <tr ng-repeat="a in as track by $index"> <!-- The ng-class needs to be here, but where should i do the verification? --> <td>{{a}}</td> <td>{{b[$index]}}</td> </tr> </tbody> </table> 

Answer 1

在ng-repeat之后使用ng-class ：

<tr ng-repeat="a in as track by $index" ng-class="{highlight: highlight.indexOf($index) > -1}">