Hvad er AngularJS? Introduktion, Architecture & funktioner
James Hartman
Hvad er AngularJS?
AngularJS er en open source Model-View-Controller-ramme, der ligner JavaScript rammer. AngularJS er sandsynligvis en af de mest populære moderne web-rammer, der er tilgængelige i dag. Denne ramme bruges til at udvikle for det meste Single Page applikationer. Denne ramme er udviklet af en gruppe udviklere fra Google selv.
På grund af den store støtte fra Google og ideer fra et bredt fællesskabsforum holdes rammerne altid opdateret. Den inkorporerer også altid de seneste udviklingstendenser på markedet.
AngularJS Architecture
Angular.js følger MVC-arkitekturen, diagrammet over MVC-rammeværket som vist nedenfor:
- Controlleren repræsenterer det lag, der har forretningslogikken. Brugerhændelser udløser de funktioner, der er gemt inde i din controller. Brugerhændelserne er en del af controlleren.
- Visninger bruges til at repræsentere præsentationslaget, som leveres til slutbrugerne
- Modeller bruges til at repræsentere dine data. Dataene i din model kan være så enkle som blot at have primitive erklæringer. For eksempel, hvis du vedligeholder en elevapplikation, kan din datamodel blot have et elev-id og et navn. Eller det kan også være komplekst ved at have en struktureret datamodel. Hvis du vedligeholder en ansøgning om bilejerskab, kan du have strukturer til at definere selve køretøjet med hensyn til dets motorkapacitet, sædekapacitet osv.
Funktioner af AngularJS
Angular har følgende nøglefunktioner, som gør den til en af de stærke rammer på markedet:
- MVC – Rammen er bygget på det berømte koncept af 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 er gjort, så hver enkelt kan administreres lettere.
- Datamodelbinding – Du behøver ikke at skrive speciel kode for at binde data til HTML-kontrollerne. Dette kan gøres af Angular ved blot at tilføje et par kodestykker.
- Skriver mindre kode – Når du udfører DOM-manipulation en masse JavaScript skulle være skrevet for at designe enhver ansøgning. Men med Angular vil du blive overrasket over den mindre mængde kode, du skal skrive til DOM-manipulation.
- Enhed Test 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 fordele
Her er fordelene ved AngularJS:
- Da det er en open source-ramme, kan du forvente, at antallet af fejl eller problemer er minimalt.
- 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 blot 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 det vigtigste grundlæggende for enkeltside applikationer; hvor du kan flytte til forskellige funktionaliteter i din webapplikation baseret på brugerinteraktion, men stadig forblive på samme side.
- Angular understøtter test, begge dele Enhedstestog 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 kommentar eller CSS-klasse), der fortæller AngularJS's HTML-compiler at knytte en specificeret adfærd til dette DOM-element. Disse direktiver hjælper med at udvide funktionaliteten af eksisterende HTML-elementer for at give mere kraft til din webapplikation.
