例
與數據綁定的textarea的：
<textarea ng-model="myTextarea"></textarea>
<p>The value of the textarea field is:</p>
<h1>{{myTextarea}}</h1>
試一試» 定義和用法
AngularJS修改的默認行為<textarea>元素，但只有在ng-model屬性存在。
它們提供的數據綁定，這意味著它們是AngularJS模型的一部分，並且可以既在AngularJS功能和在DOM被稱為和更新。
它們提供的驗證。 例如：一個<textarea>一個元素required屬性，有$valid設置狀態false ，只要它是空的。
他們還提供狀態控制。 AngularJS保存所有的textarea元素的當前狀態。
文本區域字段具有以下狀態：
-
$untouched的領域還沒有被觸及尚未 -
$touched的領域已經被觸及 -
$pristine字段還未被修改的 -
$dirty現場已被修改 -
$invalid的字段內容無效 -
$valid的字段內容是有效的
每個狀態的值代表一個布爾值，要么是true的false 。
句法
<textarea ng-model=" name "></textarea> textarea的元件被使用的值稱為ng-model屬性。
CSS類
<textarea>一個AngularJS應用程序中的元素被賦予一定的等級 。 這些類可以根據自己的狀態被用來風格textarea的元素。
下面的類添加：
-
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 。
例
應用樣式的有效和無效textarea的元素，使用標準的CSS：
<style>
textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}
</style>
試一試»