例
有數據綁定一個輸入字段：
<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>
試一試»