Instruksi textarea AngularJS

definisi dan penggunaan

AngularJS mengubah <textarea> perilaku baku elemen, tetapi diharapkan ng-model properti ada.

Mereka menyediakan data binding, yang berarti mereka adalah bagian dari model AngularJS dan dapat diacu dan diupdate dalam fungsi AngularJS dan DOM.

Mereka menyediakan validasi. Contoh: yang memiliki required properti <textarea> elemen, selama ia kosong, nilai $valid Status akan diatur false.

Mereka juga menyediakan kontrol status. AngularJS menyimpan status semasa semua elemen area teks.

Bidang area teks memiliki status berikut:

• $untouched bidang ini belum disentuh
• $touched bidang ini telah disentuh
• $pristine Bidang ini belum diubah
• $dirty Bidang ini telah diubah
• $invalid Konten bidang tidak sah
• $valid Konten bidang sah

Setiap nilai status mewakili nilai boolean, baik benar atau salah.

Contoh

Area teks dengan data binding:

<textarea ng-model="myTextarea"></textarea>
<p>Nilai bidang area teks adalah:</p>
<h1>{{myTextarea}}</h1>

Coba Sendiri

语法

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

Dengan menggunakan ng-model nilai properti untuk merujuk kepada elemen area teks.

Kelas CSS

Dalam aplikasi AngularJS <textarea> Elemen telah diberikan beberapa kelas. Kelas ini dapat digunakan untuk menata gaya elemen area teks berdasarkan statusnya.

Di tambahkan kelas berikut:

• ng-untouched bidang ini belum disentuh
• ng-touched bidang ini telah disentuh
• ng-pristine Bidang ini belum diubah
• ng-dirty Bidang ini telah diubah
• ng-valid Konten bidang sah
• ng-invalid Konten bidang tidak sah
• ng-valid-key Memvalidasi setiap kunci sekali.ng-valid-requiredsangat berguna saat ada lebih dari satu hal yang harus dipastikan.
• ng-invalid-key Contoh:ng-invalid-required

Jika nilai yang diwakili oleh kelas adalah falsejika kelas ini dihapus.

Contoh

Gunakan CSS standar untuk menerapkan gaya bagi elemen area teks yang berlaku dan yang salah:

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

Coba Sendiri