使用Angularjs突出显示表中的选定行

Question

如何编写指令以突出显示表中的选定行

我有20多个表，我需要为这个表编写一个通用函数。

我在控制器中编写相同的代码，

$scope.selectedRow = null;
$scope.rowHighilited = function(row){
  $scope.selectedRow = row;
};
<table>
<tr>
<th>
  first row
</th>
</tr>
<tr data-ng-click="rowHighilited($index)">row1</tr>
</table>

Answer 1

尝试这样的事情：

JS：

  $scope.selectedRow = null;
  $scope.rowHighilited = function (idSelected) {
     $scope.selectedRow = idSelected;
  };

HTML：

  <tr ng-repeat="row in rows" ng-click="rowHighilited(row.id)" ng-class="{selected: row.id === selectedRow}">
    <td> ...</td>
  </tr>

您可以在ngClass文档

中了解详情