例
有数据绑定一个输入字段：
<input ng-model="myInput">
<p>The value of the input field is:</p>
<h1>{{myInput}}</h1>
试一试» 定义和用法
AngularJS修改默认行为<input>元素，但只有在ng-model属性存在。
它们提供的数据绑定，这意味着它们是AngularJS模型的一部分，并且可以既在AngularJS功能和在DOM被称为和更新。
它们提供的验证。 例如：一个<input>与元素required属性，有$valid设置状态false ，只要它是空的。
他们还提供状态控制。 AngularJS保存所有投入要素的当前状态。
输入字段具有以下状态：
-
$untouched的领域还没有被触及尚未 -
$touched的领域已经被触及 -
$pristine字段还未被修改的 -
$dirty现场已被修改 -
$invalid的字段内容无效 -
$valid的字段内容是有效的
每个状态的值代表一个布尔值，要么是true还是false 。
句法
<input ng-model=" name "> 输入元素正在使用的值简称ng-model属性。
CSS类
<input>的AngularJS应用程序中的元素被赋予一定的等级 。 这些类可以用来根据自己的状态样式输入元素。
下面的类添加：
-
ng-untouched的字段还未被触动 -
ng-touched的领域已经被触及 -
ng-pristine字段还未被修改的 -
ng-dirty领域已被修改 -
ng-valid的字段内容是有效的 -
ng-invalid的字段内容无效 -
ng-valid- key为每个验证的一个关键 。 例如：ng-valid-required，有用的，当有超过一件事，必须验证 -
ng-invalid- key举例：ng-invalid-required
如果它们代表的值是类去除false 。
例
应用样式的有效和无效的输入元素，使用标准的CSS：
<style>
input.ng-invalid {
background-color: pink;
}
input.ng-valid {
background-color: lightgreen;
}
</style>
试一试»