如何使用条件语句应用 ngclass [重复]

Posted

技术标签:

【中文标题】如何使用条件语句应用 ngclass [重复]【英文标题】:How to apply ng class with a condtion statement [duplicate] 【发布时间】:2015-01-10 10:27:56 【问题描述】:

我是 Angular js 的新手,想知道如何根据一组条件应用 ng 类。例如,我想使用 ng repeat 设置一组日期,如果该日期大于当前日期,则更改日期的颜色。我的问题是我该怎么做?

【问题讨论】:

【参考方案1】:
ng-class="'testClass': val == 10"

这将在 val 等于 10 时向元素添加类 testClass

【讨论】:

如果我想评估一个说 currentDate > 日期绑定到范围的日期,例如 $scope.Date 和 scope.currentDate 所以你的问题是如何检查一个日期是否在另一个日期之后,或者如何在 ng-class 中表达比较?在第一种情况下,我建议您使用 momentjs 及其 isAfter() 函数,而对于第二种情况,您只需将此函数的结果放在 ng-class 中:ng-class="'testClass': moment(currentDate).isAfter(Date)"

以上是关于如何使用条件语句应用 ngclass [重复]的主要内容,如果未能解决你的问题,请参考以下文章

带有条件的Angular ngClass [重复]

我可以在条件 [ngCLASS] 下编写 CSS 类吗

我如何在角度中添加 ngClass 需要显示状态为活动的红色,而其他应该是非活动的黑色 [重复]

Angular 2 ngClass 以数据为条件?

如何在角度2+中使用具有条件的多个类

如何在 Angular 2+ 中使用多个有条件的类