AngularJS ng-class不适用于条件

时间:2013-09-26 18:38:58

标签: angularjs ng-class

这非常简单,但我无法改变课程。

我基本上是在验证日期是否格式正确(DD-MMM-YYYY hh:mm:ss)。

<input type="text" style="width : 80%" ng-model="startTime" ng-class="{invalid: !isValid ,valid: isValid}" />

其中isValid是一个范围变量,其值为true和false。不应用css类。

这是plnkr

1 个答案:

答案 0 :(得分:5)

它正在发挥作用。检查元素。你的引导类正在覆盖它。试试这个:

 .invalid {
    background-color: #FA787E !important;
  }

 .valid {
    background-color: #78FA89 !important;
}