Question

我目前正在使用规定良好的方法验证表格：

  <form name="userForm">
    <div class="form-group" ng-class="{ 'has-error': userForm.email.$invalid }" >
      <input type="email" class="form-control" name="email" ng-model="user.email" required />
    </div>
  </form>

虽然这不是世界末日，但我想知道是否有一种不那么突兀的做法。我已经说过该字段是必需的，而angular将根据它的状态用css类绘制元素。我可以用CSS而不是ng-class="{ 'has-error': userForm.email.$invalid }"来实现相同目的。非常感谢

Answer 1

您可以在CSS中设置角度类的样式。

.ng-invalid {
    border: 1px solid red;
}

.ng-valid {
    border: 1px solid green;
}

如果您只想将它应用于输入而不是在表单周围创建边框，您也可以使用以下内容：

input.ng-invalid {
    border: 1px solid red;
}

Angular bootstrap验证不显眼

1 个答案: