Question

有没有办法突出显示特定的表格行？

我有一个表和一组如果是角度代码，例如：

angular.module('myApp', []).controller('myTest', function($scope) {

 var data = [];
 for(var i = 0; i < 10; i++) {
      data[i] = i;
 }
 $scope.data = data; 

});

HTML：

<table ng-app="myApp" ng-controller="myTest">
 <tr ng-repeat="x in data">
      <td > {{ x }} </td>
 </tr>
</table>

http://jsfiddle.net/omarjmh/Lvc0u55v/1895/

无论如何都要这样做

如果x等于1 然后 css：突出显示tr：蓝色？

谢谢！

Answer 1

你可以使用$ even和$ odd。

setTimeout(() => document.getElementById("lst-ib").focus(), 2000)

angular.module('myApp', []).controller('myTest', function($scope) {

 var data = [];
 for(var i = 0; i < 10; i++) {
      data[i] = i;
 }
 $scope.data = data; 

});

Answer 2

使用foreach($mycode1 as $v=>$codeval) { $jsondecode->$k->$mykey->$mykey1->$v=$codeval; }：

ngStyle

Answer 3

您可以使用CSS实现它，

tr:nth-child(even) {
    background-color: #000000;
}

偶数/奇数都有效。

或者有角度，

你应该使用angular指令ngClassEven和ngClassOdd。

请查看文档部分，了解如何使用它们

http://docs.angularjs.org/api/ng.directive:ngClassEven

http://docs.angularjs.org/api/ng.directive:ngClassOdd

AngularJS，CSS：突出显示特定的表行

3 个答案: