inputArahan AngularJS
Contoh
Bidang input dengan pengikatan data:
<input ng-model="myInput">
<p>The value of the input field is:</p>
<h1>{{myInput}}</h1>
Definisi dan Penggunaan
AngularJS memodifikasi perilaku default <input>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: <input>elemen dengan requiredatribut, $validstatusnya disetel
falseselama kosong.
Mereka juga memberikan kontrol negara. AngularJS menyimpan status semua elemen input saat ini.
Bidang input memiliki status berikut:
$untouchedLapangan belum tersentuh$touchedLapangan telah tersentuh$pristineBidang belum diubah$dirtyBidang telah dimodifikasi$invalidKonten bidang tidak valid$validKonten bidang valid
Nilai setiap state mewakili nilai Boolean, dan adalah salah satu true
atau false.
Sintaksis
<input ng-model="name">
Elemen input dirujuk dengan menggunakan nilai ng-modelatribut.
Kelas CSS
<input>elemen di dalam aplikasi AngularJS diberikan kelas tertentu . Kelas-kelas ini dapat digunakan untuk menata elemen input 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 input yang valid dan tidak valid, menggunakan CSS standar:
<style>
input.ng-invalid {
background-color: pink;
}
input.ng-valid {
background-color: lightgreen;
}
</style>