Javascript AngularJS、CSS:突出显示特定表行
有没有办法突出显示特定的表行 我有一个表格和一套if角度代码,例如: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'
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;
}