表格和输入状态

角度表单和输入具有在验证内容时有用的各种状态

输入状态

状态 描述
$touched 场已被触动
$untouched 菲尔德没有被触及过
$pristine 字段尚未修改
$dirty 字段已被修改
$valid 字段内容有效
$invalid 字段内容无效

所有上述状态都是布尔属性,可以是 true 或 false。

有了这些,就可以很容易地向用户显示消息。

<form name="myForm" novalidate>
    <input name="myName" ng-model="myName" required>
    <span ng-show="myForm.myName.$touched && myForm.myName.$invalid">This name is invalid</span>
</form>

在这里,我们使用 ng-show 指令向用户显示消息,如果他们修改了表单但它无效。