Inaruhusiwa kwa kina cha habari za matukio ya AngularJS

Ufafanuzi na matumizi

AngularJS anayofikiria <textarea> kivinua cha kina cha habari za matukio kwa kina cha habari za matukio, kama anasema kwamba AngularJS anayofikiria. ng-model kiwango cha kina cha habari za matukio.

Wanaonyesha ubindii wa data, kama inaonesha kwamba wanaingia katika modeli ya AngularJS na inaweza kutumika kwa kifunzi za AngularJS na DOM kuagiza na kusasisha.

Wanaonyesha uharibifu. Mfano: Ina required kivinua cha <textarea> kitu, kama anasema kina hiki ni hali ya kina ya habari za matukio inayotazama. $valid Hali inaitwa false.

Wanaonyesha uendeshaji wa hali. AngularJS hifadhi hali zote za elementi za habari za matukio.

Eneo la habari za matukio linana hali hizo:

• $untouched haliweze liliangwa liliangwa
• $touched haliweze likuwa liliangwa
• $pristine 该字段尚未被修改
• $dirty 该字段已被修改
• $invalid 字段内容无效
• $valid 字段内容有效

Watakiwa na thamani kwa hali kila moja, inayotazama au inayofikia.

实例

Eneo la habari za matukio lililobindii data:

<textarea ng-model="myTextarea"></textarea>
<p>Chaguo cha eneo la habari za matukio ni:</p>
<h1>{{myTextarea}}</h1>

Tukio Lake

mada ya lugha

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

Kwa kutumia ng-model kivinua cha kina cha habari za matukio kuzingatia elementi ya eneo la habari za matukio.

makundi ya CSS

Inaonyesha kwa programu ya AngularJS <textarea> Inayotumia elementi za habari za matukio kuzingatia hali ya kina ya matukio ya eneo la matukio ya kila kitu. Matukio hizi yanaweza kutumika kuzingatia stili kwa kina ya habari ya matukio.

Kuongezwaiwa kiketi kilicho kuzingatia:

• ng-untouched haliweze liliangwa liliangwa
• ng-touched haliweze likuwa liliangwa
• ng-pristine 该字段尚未被修改
• ng-dirty 该字段已被修改
• ng-valid 字段内容有效
• ng-invalid 字段内容无效
• ng-valid-key 每次验证一个密钥。例如：ng-valid-required，当有不止一件事必须验证时很有用
• ng-invalid-key 例如：ng-invalid-required

如果类代表的值为 false，则这些类将被删除。

实例

使用标准 CSS 为有效和无效的文本区域元素应用样式：

<style>
textarea.ng-invalid {
    mabara ya mabara: pink;
}
textarea.ng-valid {
    mabara ya mabara: lightgreen;
}
</style>

Tukio Lake