Turinys
Galime pratęsti HTML per elgesio keitimą ir medžių transformacijas SAULĖ, tai mes galime keisti elementus, pridėti naujų stilių ir kitų veiksmų, kurie leidžia mums sukurti dinamiškesnę vartotojo sąsają, todėl turime pasinaudoti direktyvas.Tam galime naudoti direktyvas priklauso KampinisJSTačiau, jei mums reikia kažko, ko negalime pasiekti iš pradžių, galime parašyti savo direktyvas, tai leis mums klausytis ir reaguoti į naršyklės įvykius arba tiesiog daryti tai, ko ji nedaro. KampinisJS numatytas.
Kuriant programą su KampinisJS kai kuriais atvejais susidursime su situacijomis, kai vietinės direktyvos neatitinka mūsų idėjos, ką turėtų daryti mūsų kodeksas, tokiais atvejais galime kreiptis kurti savo direktyvas.
Norėdami apibrėžti naują direktyvą, galime vadovautis tokia formule:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('Direktyvos pavadinimas', DirektyvaMetodas);
Kaip matome, turime tik apibrėžti modulį, kuriame taikysime savo direktyvą, tada turime nurodyti jo pavadinimą ir metodą, kurį jis turi vykdyti.
HTML 5 turi labai įdomią funkciją automatinis fokusavimas, tai leidžia sutelkti įvesties elementą į formą, taip padedant apibrėžti vartotojo kelią, tačiau kas atsitiks, jei neturime HTML 5 ir mes nenorime sutelkti dėmesio į įvestį, nes būtent čia ji atsiranda KampinisJS ir direktyvos, direktyva galime šią situaciją išspręsti paprastu būdu.
Ką turėtume daryti?Pirmiausia turime sukurti pasirinktinę direktyvą naudodami formą, kurią nurodėme anksčiau, ir tokiu būdu nustatome norimą elgesį, šiuo atveju automatinis fokusavimas. Tada dėka objekto $ apimtis Mes galime taikyti šią direktyvą bet kuriam elementui, šio pavyzdžio atveju mes ketiname ją taikyti saitui, todėl galime patirti KampinisJS.
Pažiūrėkime, ką mes norime pasiekti:
Be dėmesio Su fokusavimu{{message.text}}
Kaip matome, pradžioje nustatome pasirinktinę direktyvą, dėl to pateikiama automatinis fokusavimas elemente, kuriame yra ši direktyva, sukuriame valdiklį, kuris padės mums aptikti pakeitimus spausdinant kai kuriuos pranešimus.
Tuo mes baigiame šią pamoką, kaip matome manipuliavimą SAULĖ tai įmanoma su KampinisJS ir direktyvų dėka galime pasiekti labai įdomių efektų.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką