表格和输入状态
角度表单和输入具有在验证内容时有用的各种状态
输入状态
状态 | 描述 |
---|---|
$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
指令向用户显示消息,如果他们修改了表单但它无效。