例
与数据绑定的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>
试一试»