Angular 将行颜色设置为特定行
我正在从事Angular4项目,并且正在使用ngx datatable,所以.html文件看起来像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 <
...
{{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数据表和正在迭代的数组的代码?。