IE-9没有响应ng-class更改

Question

我的输入框如下所示：

 <input type="text" ng-model="someData" ng-class="{ 'borderRed': invalid}">

当$scope.invalid设置为true时，我希望inputBox的边框变为红色。这适用于chrome和firefox，但不适用于IE9。

这里有一个plnkr：http://plnkr.co/edit/vdRIiYhFAeX6DBLMSmxs

然而，IE 9没有打开plnkr，但你会明白这一点。

Answer 1

这是IE9中的一个错误。这篇文章帮我找到了答案IE9 input/button element border color issue

ng-invalid是Angular框架（angular.js）中定义的类

我通过在出错时将以下属性添加到输入框类来解决此错误：

        border-bottom 1px solid red;
        border-top 1px solid red;
        border-left 1px solid red;
        border-right 1px solid red;

这解决了我的问题。