Hvad er AngularJS?
AngularJS er en open source Model-View-Controller-ramme, der ligner JavaScript-rammen.
Angular JS er sandsynligvis en af de mest populære moderne webrammer, der er tilgængelige i dag. Denne ramme bruges til at udvikle hovedsageligt enkeltsides applikationer. Denne ramme er udviklet af en gruppe udviklere fra Google selv.
På grund af den rene støtte fra Google og ideer fra et bredt community-forum holdes rammen altid opdateret. Det indeholder også altid de nyeste udviklingstendenser på markedet.
I denne vejledning lærer du-
- AngularJS-funktioner
- Angularjs-arkitektur
- AngularJS fordele
AngularJS-funktioner
Angular har følgende nøglefunktioner, som gør det til en af de stærke rammer på markedet.
-
MVC - Rammen er bygget på det berømte koncept MVC (Model-View-Controller). Dette er et designmønster, der bruges i alle moderne webapplikationer. Dette mønster er baseret på opdeling af forretningslogiklaget, datalaget og præsentationslaget i separate sektioner. Opdelingen i forskellige sektioner sker, så hver enkelt lettere kan styres.
-
Binding af datamodel - Du behøver ikke at skrive en særlig kode for at binde data til HTML-kontrollerne. Dette kan gøres af Angular ved blot at tilføje et par kodestykker.
-
Skrivning af mindre kode - Når man udfører DOM-manipulation, skulle der skrives en masse JavaScript for at designe enhver applikation. Men med Angular vil du blive forbløffet over den mindre mængde kode, du har brug for at skrive til DOM-manipulation.
-
Enhedstest klar - Designerne hos Google udviklede ikke kun Angular men udviklede også en testramme kaldet "Karma", som hjælper med at designe enhedstest til AngularJS-applikationer.
AngularJS Arkitektur
Angular.js følger MVC-arkitekturen, diagrammet over MVC-rammen som vist nedenfor.
-
Controlleren repræsenterer det lag, der har forretningslogikken. Brugerhændelser udløser de funktioner, der er gemt inde i din controller. Brugerbegivenhederne er en del af controlleren.
-
Visninger bruges til at repræsentere præsentationslaget, der leveres til slutbrugerne
-
Modeller bruges til at repræsentere dine data. Dataene i din model kan være så enkle som bare at have primitive erklæringer. For eksempel, hvis du vedligeholder en studereansøgning, kan din datamodel bare have et studenter-id og et navn. Eller det kan også være komplekst ved at have en struktureret datamodel. Hvis du opretholder en ansøgning om bilejerskab, kan du have strukturer til at definere selve køretøjet med hensyn til dets motorkapacitet, siddekapacitet osv.
AngularJS fordele
-
Da det er en open source-ramme, kan du forvente, at antallet af fejl eller problemer er minimal.
-
Tovejsbinding - Angular.js holder data- og præsentationslaget synkroniseret. Nu behøver du ikke at skrive yderligere JavaScript-kode for at holde dataene i din HTML-kode og dine data senere synkroniseret. Angular.js vil automatisk gøre dette for dig. Du skal bare angive, hvilken kontrol der er bundet til hvilken del af din model.
-
Routing - Angular kan tage sig af routing, hvilket betyder at flytte fra en visning til en anden. Dette er nøglefundamentet for applikationer på en side; hvor du kan flytte til forskellige funktioner i din webapplikation baseret på brugerinteraktion, men stadig forblive på den samme side.
-
Vinkelstøtter test, både enhedstest og integrationstest.
-
Det udvider HTML ved at levere sine egne elementer kaldet direktiver. På et højt niveau er direktiver markører på et DOM-element (såsom en attribut, elementnavn og en kommentar eller CSS-klasse), der beder AngularJS's HTML-kompilator om at vedhæfte en bestemt adfærd til det DOM-element. Disse direktiver hjælper med at udvide funktionaliteten i eksisterende HTML-elementer for at give din webapplikation mere magt.