input

Ta’rif va qo‘llanilishi

AngularJS <input> elementlarining standart xatti-harakatini o‘zgartiradi, lekin faqat ng-model atributi mavjud bo‘lgandagina.

Ular ma’lumotlarni bog‘lashni ta’minlaydi, ya’ni ular AngularJS modelining bir qismi bo‘lib, ularga AngularJS funksiyalarida ham, DOM’da ham murojaat qilish va ularni yangilash mumkin.

Ular validatsiyani ta’minlaydi. Masalan: required atributiga ega <input> elementi bo‘sh ekan, uning $valid holati false qiymatiga o‘rnatilgan bo‘ladi.

Ular holatni nazorat qilishni ham ta’minlaydi. AngularJS barcha input elementlarining joriy holatini saqlaydi.

Kiritish maydonlari quyidagi holatlarga ega:

• $untouched Maydonga hali tegilmagan
• $touched Maydonga tegilgan
• $pristine Maydon hali o‘zgartirilmagan
• $dirty Maydon o‘zgartirilgan
• $invalid Maydon mazmuni yaroqsiz
• $valid Maydon mazmuni yaroqli

Har bir holatning qiymati boolean qiymatni ifodalaydi va true yoki false bo‘ladi.

Sintaksis

Input elementlariga ng-model atributining qiymati orqali murojaat qilinadi.

CSS klasslari

AngularJS ilovasi ichidagi <input> elementlariga ma’lum klasslar beriladi. Bu klasslar yordamida input elementlariga ularning holatiga ko‘ra uslub berish mumkin.

Quyidagi klasslar qo‘shiladi:

• ng-untouched Maydonga hali tegilmagan
• ng-touched Maydonga tegilgan
• ng-pristine Maydon hali o‘zgartirilmagan
• ng-dirty Maydon o‘zgartirilgan
• ng-valid Maydon mazmuni yaroqli
• ng-invalid Maydon mazmuni yaroqsiz
• ng-valid-key Har bir validatsiya uchun bitta kalit. Masalan: ng-valid-required, bir nechta narsani tekshirish kerak bo‘lganda foydali
• ng-invalid-key Masalan: ng-invalid-required

Klasslar ular ifodalagan qiymat false bo‘lsa, olib tashlanadi.