例
这种形式的“有效状态”不会考虑“真”，只要所需的输入字段为空：
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
试一试» 定义和用法
AngularJS修改默认行为<form>元素。
一个AngularJS应用程序内的形式被赋予一定的属性。 这些属性描述的形式的当前状态。
形式有以下状态：
-
$pristine任何字段都尚未修改 -
$dirty的一个或多个已被修改 -
$invalid形式的内容是无效的 -
$valid形式的内容是有效的 -
$submitted表单提交
每个状态的值代表一个布尔值，要么是true还是false 。
在AngularJS形式阻止默认动作，就是提交表单到服务器，如果未指定action属性。
句法
<form name=" formname "></form>表格正在使用的名称属性的值提及。
CSS类
一个AngularJS应用程序内的形式给予一定的等级 。 这些类可以根据自己的状态被用来风格形式。
下面的类添加：
-
ng-pristine任何字段尚未修改 -
ng-dirty的一个或多个字段已被修改 -
ng-valid形式的内容是有效的 -
ng-invalid形式的内容是无效的 -
ng-valid- key为每个验证的一个关键 。 例如：ng-valid-required，有用的，当有超过一件事，必须验证 -
ng-invalid- key举例：ng-invalid-required
如果它们代表的值是类去除false 。
例
应用样式未修改（原始）的形式，和修饰形式：
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
试一试»