angular6 - 条件在 PrimeNG 表行中不起作用
问题描述
我正在使用PrimeNG 控件来开发系统。在我的一个页面中,使用 PrimeNG 表填充了一个网格。现在我想更改当前日期大于特定日期值的某些行的背景颜色。为此,我编写了以下代码。
在我的角度 .ts 文件中,我声明了日期字段
this.currentDate = new Date();
在 HTML 文件中,条件使用如下:
<tr [ngClass]="(currentDate | date) > (rowData.ValidTill | date) ? 'inactive-package' : 'null'">
现在的问题是,这个条件总是返回真,并使我所有的网格行都着色。谁能描述为什么条件总是返回真?并给我建议来解决这个问题。
解决方案
最后,我找到了原因并得到了解决方案。由于currentDate值和rowData.ValidTill值格式不同,条件不起作用。所以在控制器文件中,我必须将rowData.ValidTill格式化为与currentDate相同的格式,现在它工作正常。
推荐阅读
- spring-boot - 我想将 POST 请求中的数据保存到表中
- python - 在 PySide2.QtWidgets.QTabWidget(MyWindow) 中,窗体转换为 window.py 错误的 window.ui
- html - 在 jquery 中使用警报防止按键
- flutter - 在按钮单击时更改 appBar
- javascript - 基类添加扩展类时如何避免循环依赖?
- wagtail - 如何将页面隐私复制到 Wagtail 中的 Block?
- batch-file - 如何使用批处理脚本删除特定文件夹中的所有文件
- r - 当艺术家名称不起作用时,使用来自 spotifyr 的 get_artist_audio_features
- javascript - 如何手动将 Linking.getInitialUrl 设置为空
- php - 更新我的证书后出现 SMTP 错误(SSL3_GET_SERVER_CERTIFICATE:证书验证失败)