AngularJSda direktivlar. #2-qism

Salom. AngularJSda direktivalar bilan tanishishni davom etamiz.

ng-change — bu direktiv orqali modelning qiymati o’zgartirilgandan ng-change ishga tushadi. ng-change ichida funksiya yoki biron-bir ifodani ko’rsatish mumkin. Masalan:

Agar formaga ma’lumot kiritilsa yani modelName yangi qiymat olsa, ifoda() funksiyasi ishga tushadi.

ng-checked — checkboxni modeliga qarab bosilgan yoki bosilmagani tekshiradi.

Model orqali checkbox   

ng-class — html tegning css klassini o’zgartirish uchun model orqali qo’llaniladi. Masalan:

  Matn 

Bu yerda biz ikkita tugma yasadik. Birinchi tugma matnimizga «my-class» css klassini qo’shish uchun, ikkinchi tugma orqali esa matndagi csss klassni olib tashlash uchun.

ng-copy — forma ichidagi ma’lumot buffer hotiraga ko’chirilgan yoki ko’chirilmaganini aniqlaydi.

 copied: {{copied}} 

ng-cut — forma ichidagi ma’lumot kesilb olinga(cut)ni aniqlaydi

 cut: {{cut}} 

ng-dblclick — sichqoncha orqali ikki marta bosilganda bajariladi.

 Increment (on double click)  count: {{count}} 

Hozircha shu direktivlar bilan tanishdik. Direktivlar haqida to’liq ma’lumot uchun: https://docs.angularjs.org/api/ng/directive/

Keyingi maqolada servislar bilan ishlashni ko’rib chiqamiz.