首页 > 解决方案 > 条件在 PrimeNG 表行中不起作用

问题描述

我正在使用PrimeNG 控件来开发系统。在我的一个页面中,使用 PrimeNG 表填充了一个网格。现在我想更改当前日期大于特定日期值的某些行的背景颜色。为此,我编写了以下代码。

在我的角度 .ts 文件中,我声明了日期字段

this.currentDate = new Date();

在 HTML 文件中,条件使用如下:

<tr [ngClass]="(currentDate | date) > (rowData.ValidTill | date) ? 'inactive-package' : 'null'">

现在的问题是,这个条件总是返回真,并使我所有的网格行都着色。谁能描述为什么条件总是返回真?并给我建议来解决这个问题。

标签: angular6primeng

解决方案


最后,我找到了原因并得到了解决方案。由于currentDate值和rowData.ValidTill值格式不同,条件不起作用。所以在控制器文件中,我必须将rowData.ValidTill格式化为与currentDate相同的格式,现在它工作正常。


推荐阅读