例
這種形式的“有效狀態”不會考慮“真”，只要所需的輸入字段為空：
<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>
試一試»