角度表单验证 - 角度中的 $invalid 属性

Question

Here is a link to a plunker。我无法理解这是如何工作的：

ng-class="{'has-error': timepickerForm.time.$invalid}"

有人可以解释一下这里的验证是如何工作的吗？谁负责检查timepickerForm.time是否有效？

Answer 1

FormController 检查表单输入的规则。

例如

<input ng-model=myModel required>

如果此输入为$pristine（未触及），则表单将无效。

您可以指定更多规则：

内置验证令牌：

email、max、maxlength、min、minlength、number、pattern、required 和 url