textareaArahan AngularJS
Contoh
Sebuah textarea dengan data-binding:
<textarea ng-model="myTextarea"></textarea>
<p>The value of the textarea field is:</p>
<h1>{{myTextarea}}</h1>
Definisi dan Penggunaan
AngularJS memodifikasi perilaku default <textarea>elemen, tetapi hanya jika ng-modelatributnya ada.
Mereka menyediakan pengikatan data, yang berarti mereka adalah bagian dari model AngularJS, dan dapat dirujuk, dan diperbarui, baik dalam fungsi AngularJS dan di DOM.
Mereka memberikan validasi. Contoh: <textarea>elemen dengan requiredatribut, $validstatusnya disetel
falseselama kosong.
Mereka juga memberikan kontrol negara. AngularJS memegang status semua elemen textarea saat ini.
Bidang Textarea memiliki status berikut:
$untouchedLapangan belum tersentuh$touchedLapangan telah tersentuh$pristineBidang belum diubah$dirtyBidang telah dimodifikasi$invalidKonten bidang tidak valid$validKonten bidang valid
Nilai masing-masing negara bagian mewakili nilai Boolean, dan merupakan salah satu true
dari false.
Sintaksis
<textarea ng-model="name"></textarea>
Elemen textarea dirujuk dengan menggunakan nilai ng-modelatribut.
Kelas CSS
<textarea>elemen di dalam aplikasi AngularJS diberikan kelas tertentu . Kelas-kelas ini dapat digunakan untuk menata elemen textarea sesuai dengan statusnya.
Kelas berikut ditambahkan:
ng-untouchedLapangan belum tersentuhng-touchedLapangan telah tersentuhng-pristineBidang belum diubahng-dirtyBidang telah dimodifikasing-validKonten bidang validng-invalidKonten bidang tidak validng-valid-keySatu kunci untuk setiap validasi. Contoh:ng-valid-required, berguna bila ada lebih dari satu hal yang harus divalidasing-invalid-keyContoh:ng-invalid-required
Kelas dihapus jika nilai yang mereka wakili adalah false.
Contoh
Terapkan gaya untuk elemen textarea yang valid dan tidak valid, menggunakan CSS standar:
<style>
textarea.ng-invalid {
background-color: pink;
}
textarea.ng-valid {
background-color: lightgreen;
}
</style>