Directive ng textarea ng AngularJS

Paglilingkuran at paggamit

Ay binagong <textarea> Ang pangkaraniwang pag-uugali ng elemento, pero kung ng-model Attribute

Sinasagawa nila ang data binding, na nangangahulugan na sila ay bahagi ng modelo ng AngularJS at maaaring mabigyang-daan at upang i-update sa AngularJS function at DOM.

Sinasagawa nila ang pagpapatunay. Halimbawa: may required Attribute <textarea> Ang elemento, hangga't ito ay walang laman, ang $valid Ang estado ay itatagpay false.

Sinasagawa din nila ang kontrol ng estado. Ipinanatili ng AngularJS ang kasalukuyang estado ng lahat ng elemento ng text area.

Ang field ng text area ay may mga sumusunod na estado:

• $untouched Ang field na ito ay hindi pa nakontak
• $touched Ang ilang na nakontak ang field na ito
• $pristine Ang field na ito ay hindi pa napalitan
• $dirty Ang field na ito ay napalitan
• $invalid Ang nilalaman ng field ay hindi magiging tapat
• $valid Ang nilalaman ng field ay magiging tapat

Ang halaga ng bawat estado ay nagrerepresenta ng isang boolean na maaaring maging totoo o maliit.

Instance

Text area na may data binding:

<textarea ng-model="myTextarea"></textarea>
<p>Ang halaga ng field ng text area ay:</p>
<h1>{{myTextarea}}</h1>

Subukan ang Personal na

Mga gramatikal na katuruan

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

Sa pamamagitan ng paggamit ng ng-model Ang halaga ng attribute na ginamit upang sumangguni sa elemento ng text area.

Klase ng CSS

Sa loob ng application ng AngularJS <textarea> Ang elemento ay binigyan ng ilang klase. Ang mga klase na ito ay maaaring gamitin upang itakda ang estilo ng elemento ng text area ayon sa estado nito.

Dinagdag ang sumusunod na klase:

• ng-untouched Ang field na ito ay hindi pa nakontak
• ng-touched Ang ilang na nakontak ang field na ito
• ng-pristine Ang field na ito ay hindi pa napalitan
• ng-dirty Ang field na ito ay napalitan
• ng-valid Ang nilalaman ng field ay magiging tapat
• ng-invalid Ang nilalaman ng field ay hindi magiging tapat
• ng-valid-key magpatunay ng bawat susi sa bawat pagkakataon. Halimbawa:ng-valid-requiredito ay napaka-kapaki-pakinabang kapag mayroon kahit anong halong dapat patunayan
• ng-invalid-key Halimbawa:ng-invalid-required

Kung ang halaga na kinakatawan ng klase ay falseang mga klase na ito ay ililipat.

Instance

Igamit ang Standard CSS upang ilagay ang estilo sa mga elemento ng text area na may katangian ng walang kailangan at may kailangan:

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

Subukan ang Personal na