角度形式验证 - 角度中的$ 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（未触及），则表单无效。

您可以指定更多规则：

  

内置验证令牌：

     

电子邮件，最大值，最大长度，最小值，最小长度，数量，模式，要求和网址