javascript - 如何在 Angular js验证中添加自己的类名

Question

我需要帮助。我想在 Angular.js 验证中添加我定义的类名。我在下面解释我的代码。

 <div ng-class="{ 'has-error': billdata.email.$touched && billdata.email.$invalid }">
<input type="email" name="email" id="procolgmail" class="form-control" placeholder="Add email id" ng-model="colgemail" ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/">
    </div>

这里has-error是默认类，它给出浅红色边框。我需要将其设置为深红色。我可以添加我的类而不是默认类吗？请帮忙。

Answer 1

这很容易。您需要在 css 文件中定义 css 类:例如:

 .myError {
   border: 1px solid green;
}

现在:<div ng-class="{ 'myError': billdata.email.$touched && billdata.email.$invalid }">