tutorial pengembangan web terbaru
 

AngularJS bentuk Directive

❮ AngularJS Referensi

Contoh

"Negara valid" Bentuk ini tidak akan menganggap "benar", selama field input yang diperlukan kosong:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
Cobalah sendiri "

Definisi dan Penggunaan

AngularJS mengubah perilaku default dari <form> elemen.

Bentuk dalam aplikasi AngularJS diberikan sifat tertentu. Properti ini menggambarkan keadaan saat ini formulir.

Bentuk memiliki status berikut:

  • $pristine ada field telah dimodifikasi belum
  • $dirty Satu atau lebih telah dimodifikasi
  • $invalid Isi formulir tidak valid
  • $valid Isi formulir berlaku
  • $submitted Bentuknya yang disampaikan

Nilai dari setiap negara merupakan nilai Boolean, dan baik true atau false .

Bentuk di AngularJS mencegah aksi default, yang mengirimkan formulir ke server, jika atribut aksi tidak ditentukan.

Sintaksis

<form name=" formname "></form>

Bentuk sedang disebut dengan menggunakan nilai dari atribut nama.

CSS Kelas

Bentuk dalam aplikasi AngularJS diberikan kelas-kelas tertentu. Kelas-kelas ini dapat digunakan untuk bentuk-bentuk gaya sesuai dengan negara mereka.

Kelas berikut ditambahkan:

  • ng-pristine ada bidang belum diubah belum
  • ng-dirty Satu atau lebih field telah dimodifikasi
  • ng-valid Isi formulir berlaku
  • ng-invalid Isi formulir tidak valid
  • ng-valid- key Salah satu kunci untuk setiap validasi. Contoh: ng-valid-required , berguna ketika ada lebih dari satu hal yang harus divalidasi
  • ng-invalid- key Contoh: ng-invalid-required

Kelas dihapus jika nilai mereka mewakili adalah false .

Contoh

Terapkan gaya untuk dimodifikasi bentuk (murni), dan untuk bentuk dimodifikasi:

<style>
form.ng-pristine {
    background-color: lightblue;
}
form.ng-dirty {
    background-color: pink;
}
</style>
Cobalah sendiri "
❮ AngularJS Referensi