Javascript AngularJS、CSS:突出显示特定表行

Javascript AngularJS、CSS:突出显示特定表行,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,有没有办法突出显示特定的表行 我有一个表格和一套if角度代码,例如: angular.module('myApp', []).controller('myTest', function($scope) { var data = []; for(var i = 0; i < 10; i++) { data[i] = i; } $scope.data = data; }); angular.module('myApp',[]).controller('myTest'

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

我有一个表格和一套if角度代码,例如:

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

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

});
angular.module('myApp',[]).controller('myTest',function($scope){
var数据=[];
对于(变量i=0;i<10;i++){
数据[i]=i;
}
$scope.data=数据;
});
HTML:


{{x}

有什么办法可以这样做吗

如果x等于1 然后 css:highlight tr:blue ?


谢谢

使用
ngStyle

tr ng-repeat="x in data" ng-style="{'background-color': (x === 1 ? 'blue' : 'white')}"

您可以使用$偶数和$奇数

angular.module('myApp',[]).controller('myTest',function($scope){
var数据=[];
对于(变量i=0;i<10;i++){
数据[i]=i;
}
$scope.data=数据;
});

{{x}

您可以通过使用CSS来实现

tr:nth-child(even) {
    background-color: #000000;
}
偶数/奇数都可以

或者有棱角

为此,应该使用角度指令ngclass偶数和ngclass奇数

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


检查这些all@YubinQiu,如果有效,请随时更新并标记为答案!
tr:nth-child(even) {
    background-color: #000000;
}