Indholdsfortegnelse
Vi kan forlænge driften af HTML gennem adfærdsændring og træomdannelser SOL, med dette kan vi ændre elementer, tilføje nye stilarter og andre handlinger, der giver os mulighed for at udvikle en mere dynamisk brugergrænseflade, til dette skal vi gøre brug af direktiver.Til dette kan vi bruge direktiver egen af VinkelJSMen hvis vi har brug for noget, som vi ikke kan opnå indfødt, kan vi skrive vores egne direktiver, med dette vil vi være i stand til at lytte og reagere på browserhændelser eller simpelthen gøre ting, som det ikke gør. VinkelJS Standard.
Når du udvikler en applikation med VinkelJS der vil være nogle lejligheder, hvor vi vil støde på situationer, hvor indfødte direktiver ikke er i overensstemmelse med vores idé om, hvad vores kode skal gøre, på tidspunkter som denne kan vi appellere til bygge vores egne direktiver.
For at definere et nyt direktiv kan vi følge følgende formel:
var moduloApp = angular.module ('moduloApp', […]); moduloApp.directive ('Direktivnavn', Direktivmetode); Som vi kan se, behøver vi kun at definere det modul, hvor vi skal anvende vores direktiv, og derefter skal vi angive dets navn og den metode, det skal udføre.
HTML 5 har en meget interessant funktionalitet, der er autofokus, dette giver os mulighed for at fokusere et inputelement i en form og dermed hjælpe med at definere stien til en bruger, men hvad sker der, hvis vi ikke har HTML 5 og vi vil ikke fokusere på et input, for det er der, det spiller ind VinkelJS og direktiverne, med et direktiv kan vi løse denne situation på en enkel måde.
Hvad skal vi gøre?Først skal vi bygge et brugerdefineret direktiv ved hjælp af den formular, som vi tidligere har angivet, med dette fastslår vi den ønskede adfærd, i dette tilfælde autofokus. Så takket være objektet $ omfang Vi kan anvende dette direktiv på ethvert element, i tilfælde af dette eksempel vil vi anvende det på et link, med dette kan vi opleve kraften i VinkelJS.
Lad os se resultatet af det, vi ønsker at opnå:
Uden fokus Med fokus{{message.text}}Som vi kan se, etablerer vi et brugerdefineret direktiv i begyndelsen, hvilket fører til placering af autofokus i elementet, der har dette direktiv, så bygger vi en controller, der hjælper os med at registrere ændringerne, når vi udskriver nogle meddelelser.
Med dette afslutter vi denne vejledning, da vi ser manipulation af SOL det er muligt med VinkelJS og takket være direktiver kan vi opnå meget interessante effekter.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
