AngularJS ma’lumotnomasi


ULASHISH

AngularJS direktivalari

Direktiva Tavsif
ng-app Ilovaning ildiz (root) elementini belgilaydi.
ng-bind HTML elementining mazmunini ilova ma’lumotlariga bog‘laydi.
ng-bind-html HTML elementining innerHTML’ini ilova ma’lumotlariga bog‘laydi, shuningdek HTML stringdan xavfli kodni olib tashlaydi.
ng-bind-template Matn mazmuni shablon bilan almashtirilishi kerakligini belgilaydi.
ng-blur blur hodisalaridagi xatti-harakatni belgilaydi.
ng-change Foydalanuvchi mazmunni o‘zgartirayotganda hisoblanadigan ifodani belgilaydi.
ng-checked Elementning belgilangan (checked) yoki yo‘qligini belgilaydi.
ng-class HTML elementlaridagi CSS klasslarini belgilaydi.
ng-class-even ng-class bilan bir xil, lekin faqat juft qatorlarda amal qiladi.
ng-class-odd ng-class bilan bir xil, lekin faqat toq qatorlarda amal qiladi.
ng-click Element bosilganda hisoblanadigan ifodani belgilaydi.
ng-cloak Ilovangiz yuklanayotganda miltillashning oldini oladi.
ng-controller Ilova uchun kontroller obyektini belgilaydi.
ng-copy copy hodisalaridagi xatti-harakatni belgilaydi.
ng-csp Kontent xavfsizligi siyosatini (content security policy) o‘zgartiradi.
ng-cut cut hodisalaridagi xatti-harakatni belgilaydi.
ng-dblclick Ikki marta bosish (double-click) hodisalaridagi xatti-harakatni belgilaydi.
ng-disabled Elementning o‘chirilgan (disabled) yoki yo‘qligini belgilaydi.
ng-focus focus hodisalaridagi xatti-harakatni belgilaydi.
ng-form Boshqaruv elementlarini meros qilib oladigan HTML formasini belgilaydi.
ng-hide HTML elementlarini yashiradi yoki ko‘rsatadi.
ng-href <a> elementi uchun url’ni belgilaydi.
ng-if Shart false bo‘lsa, HTML elementini olib tashlaydi.
ng-include Ilovaga HTML qo‘shadi.
ng-init Ilova uchun boshlang‘ich qiymatlarni belgilaydi.
ng-jq Ilova jQuery kabi kutubxonadan foydalanishi kerakligini belgilaydi.
ng-keydown keydown hodisalaridagi xatti-harakatni belgilaydi.
ng-keypress keypress hodisalaridagi xatti-harakatni belgilaydi.
ng-keyup keyup hodisalaridagi xatti-harakatni belgilaydi.
ng-list Matnni ro‘yxatga (massivga) aylantiradi.
ng-maxlength Kiritish maydonida ruxsat etilgan belgilarning maksimal sonini belgilaydi.
ng-minlength Kiritish maydonida ruxsat etilgan belgilarning minimal sonini belgilaydi.
ng-model HTML boshqaruv elementlarining qiymatini ilova ma’lumotlariga bog‘laydi.
ng-model-options Modeldagi yangilanishlar qanday amalga oshirilishini belgilaydi.
ng-mousedown mousedown hodisalaridagi xatti-harakatni belgilaydi.
ng-mouseenter mouseenter hodisalaridagi xatti-harakatni belgilaydi.
ng-mouseleave mouseleave hodisalaridagi xatti-harakatni belgilaydi.
ng-mousemove mousemove hodisalaridagi xatti-harakatni belgilaydi.
ng-mouseover mouseover hodisalaridagi xatti-harakatni belgilaydi.
ng-mouseup mouseup hodisalaridagi xatti-harakatni belgilaydi.
ng-non-bindable Ushbu elementda yoki uning ichki (bola) elementlarida ma’lumotlarni bog‘lash sodir bo‘lmasligini belgilaydi.
ng-open Elementning open atributini belgilaydi.
ng-options <select> ro‘yxatidagi <options> elementlarini belgilaydi.
ng-paste paste hodisalaridagi xatti-harakatni belgilaydi.
ng-pluralize en-us lokalizatsiya qoidalariga muvofiq ko‘rsatiladigan xabarni belgilaydi.
ng-readonly Elementning readonly atributini belgilaydi.
ng-repeat To‘plamdagi har bir ma’lumot uchun shablonni belgilaydi.
ng-required Elementning required atributini belgilaydi.
ng-selected Elementning selected atributini belgilaydi.
ng-show HTML elementlarini ko‘rsatadi yoki yashiradi.
ng-src <img> elementi uchun src atributini belgilaydi.
ng-srcset <img> elementi uchun srcset atributini belgilaydi.
ng-style Element uchun style atributini belgilaydi.
ng-submit onsubmit hodisalarida bajariladigan ifodalarni belgilaydi.
ng-switch Ichki (bola) elementlarni ko‘rsatish/yashirish uchun ishlatiladigan shartni belgilaydi.
ng-transclude Transclude qilingan elementlarni joylashtirish nuqtasini belgilaydi.
ng-value input elementining qiymatini belgilaydi.


HTML elementlaridagi AngularJS direktivalari

AngularJS ba’zi HTML elementlarining standart xatti-harakatini o‘zgartiradi.

Element Tavsif
a AngularJS <a> elementining standart xatti-harakatlarini o‘zgartiradi.
form AngularJS <form> elementining standart xatti-harakatlarini o‘zgartiradi.
input AngularJS <input> elementining standart xatti-harakatlarini o‘zgartiradi.
script AngularJS <script> elementining standart xatti-harakatlarini o‘zgartiradi.
select AngularJS <select> elementining standart xatti-harakatlarini o‘zgartiradi.
textarea AngularJS <textarea> elementining standart xatti-harakatlarini o‘zgartiradi.

AngularJS filtrlari

Filtr Tavsif
currency Sonni valyuta formatiga keltiradi.
date Sanani belgilangan formatga keltiradi.
filter Massivdan elementlarning bir qismini tanlaydi.
json Obyektni JSON string ko‘rinishiga keltiradi.
limitTo Massiv yoki stringni belgilangan miqdordagi elementlar/belgilar bilan cheklaydi.
lowercase Stringni kichik harflarga o‘tkazadi.
number Sonni string ko‘rinishiga keltiradi.
orderBy Massivni ifoda bo‘yicha tartiblaydi.
uppercase Stringni katta harflarga o‘tkazadi.

Filtrlar Angular filtrlari bobida tushuntirilgan.


AngularJS validatsiya xususiyatlari

  • $dirty
  • $invalid
  • $error

Validatsiya Angular validatsiya bobida tushuntirilgan.


AngularJS global API

Konvertatsiya

API Tavsif
angular.lowercase() Stringni kichik harflarga o‘tkazadi
angular.uppercase() Stringni katta harflarga o‘tkazadi
angular.copy() Obyekt yoki massivning chuqur nusxasini (deep copy) yaratadi
angular.forEach() Obyekt yoki massivdagi har bir element uchun funksiyani bajaradi

Taqqoslash

API Tavsif
angular.isArray() Agar tekshirilayotgan qiymat massiv bo‘lsa, true qaytaradi
angular.isDate() Agar tekshirilayotgan qiymat sana bo‘lsa, true qaytaradi
angular.isDefined() Agar tekshirilayotgan qiymat aniqlangan (defined) bo‘lsa, true qaytaradi
angular.isElement() Agar tekshirilayotgan qiymat DOM elementi bo‘lsa, true qaytaradi
angular.isFunction() Agar tekshirilayotgan qiymat funksiya bo‘lsa, true qaytaradi
angular.isNumber() Agar tekshirilayotgan qiymat son bo‘lsa, true qaytaradi
angular.isObject() Agar tekshirilayotgan qiymat obyekt bo‘lsa, true qaytaradi
angular.isString() Agar tekshirilayotgan qiymat string bo‘lsa, true qaytaradi
angular.isUndefined() Agar tekshirilayotgan qiymat aniqlanmagan (undefined) bo‘lsa, true qaytaradi
angular.equals() Agar ikkita qiymat teng bo‘lsa, true qaytaradi

JSON

API Tavsif
angular.fromJson() JSON stringni qabul qilib, JavaScript obyektini qaytaradi
angular.toJson() JavaScript obyektini qabul qilib, JSON stringni qaytaradi

Asosiy

API Tavsif
angular.bootstrap() AngularJS’ni qo‘lda ishga tushiradi
angular.element() HTML elementini jQuery elementi sifatida o‘raydi
angular.module() AngularJS modulini yaratadi, ro‘yxatdan o‘tkazadi yoki mavjudini qaytaradi

Global API Angular API bobida tushuntirilgan.


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!