Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 将行颜色设置为特定行_Angular_Typescript_Ngx Datatable - Fatal编程技术网

Angular 将行颜色设置为特定行

Angular 将行颜色设置为特定行,angular,typescript,ngx-datatable,Angular,Typescript,Ngx Datatable,我正在从事Angular4项目,并且正在使用ngx datatable,所以.html文件看起来像 ... {{row.value}} 我想要实现的是检查值,无论是使用*ngIf还是在typescript中检查值,如果值>100,则将行背景设置为红色,否则它应该是白色的 如何做到这一点? 感谢您的帮助通常您可以有条件地交换CSS类,如下所示: <ng-template [ngClass]="{red: row.value >= 100, white: row.value <

我正在从事Angular4项目,并且正在使用ngx datatable,所以.html文件看起来像


...
{{row.value}}

我想要实现的是检查值,无论是使用
*ngIf
还是在typescript中检查值,如果值>100,则将行背景设置为红色,否则它应该是白色的

如何做到这一点?
感谢您的帮助

通常您可以有条件地交换CSS类,如下所示:

<ng-template [ngClass]="{red: row.value >= 100, white: row.value < 100}">


当然,您必须在CSS文件中定义红色和白色类后面的CSS样式。

通常您可以有条件地交换CSS类,如下所示:

<ng-template [ngClass]="{red: row.value >= 100, white: row.value < 100}">

当然,您必须在CSS文件中定义红色和白色两个类后面的CSS样式。

将此添加到行中

[style.background-color]='row.value >= 100 ? "red":"" '
将此添加到行中

[style.background-color]='row.value >= 100 ? "red":"" '

能否添加更多关于ngx数据表和正在迭代的数组的代码?能否添加更多关于ngx数据表和正在迭代的数组的代码?。