W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

AngularJS textarea 指令



Example

具有数据绑定的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中引用和更新。

它们提供验证。示例:具有 required 属性的 <textarea> 元素,只要它为空,则 $valid 状态设置为 false

文本区域有以下状态:

  • $untouched 该字段尚未被触动
  • $touched 该字段已经被触发
  • $pristine 该字段尚未修改
  • $dirty 该字段已被修改
  • $invalid 字段内容无效
  • $valid 字段内容有效

每个状态的值表示一个布尔值,它的值 truefalse


语法

<textarea ng-model="name"></textarea>

Textarea elements are being referred to by using the value of the ng-model attribute.