验证 $index 并设置样式

Question

我试图突出显示 table 行，但很难将其转换为指令内的 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}">

验证 $index 并设置样式

Verify $index and set a style

javascript

angularjs

ng-repeat

ng-class