Hva er AngularJS?
AngularJS er et open source Model-View-Controller-rammeverk som ligner JavaScript-rammeverket.
Angular JS er sannsynligvis en av de mest populære moderne nettrammene som er tilgjengelige i dag. Dette rammeverket brukes til å utvikle hovedsakelig enkeltsidesapplikasjoner. Dette rammeverket er utviklet av en gruppe utviklere fra Google selv.
På grunn av den rene støtten fra Google og ideer fra et bredt fellesskapsforum, holdes rammeverket alltid oppdatert. Også den inneholder alltid de nyeste utviklingstrendene i markedet.
I denne veiledningen vil du lære-
- AngularJS-funksjoner
- Angularjs-arkitektur
- Fordeler med AngularJS
AngularJS-funksjoner
Angular har følgende viktige funksjoner som gjør den til en av de kraftige rammene i markedet.
-
MVC - Rammeverket er bygget på det berømte konseptet MVC (Model-View-Controller). Dette er et designmønster som brukes i alle moderne webapplikasjoner. Dette mønsteret er basert på å dele opp virksomhetslogikklaget, datalaget og presentasjonslaget i separate seksjoner. Inndelingen i forskjellige seksjoner gjøres slik at hver enkelt kan styres lettere.
-
Binding av datamodell - Du trenger ikke skrive spesiell kode for å binde data til HTML-kontrollene. Dette kan gjøres av Angular ved å bare legge til noen få kodebiter.
-
Skrive mindre kode - Når du utfører DOM-manipulasjon, ble det skrevet mye JavaScript for å designe ethvert program. Men med Angular vil du bli overrasket over den mindre mengden kode du trenger for å skrive for DOM-manipulering.
-
Unit Testing klar - Designerne hos Google ikke bare utviklet Vinkel men også utviklet en testing rammeverk som heter "Karma", som hjelper i å utforme enhet tester for AngularJS applikasjoner.
AngularJS Architecture
Angular.js følger MVC-arkitekturen, diagrammet over MVC-rammeverket som vist nedenfor.
-
Kontrolleren representerer laget som har forretningslogikken. Brukerhendelser utløser funksjonene som er lagret i kontrolleren din. Brukerhendelsene er en del av kontrolleren.
-
Visninger brukes til å representere presentasjonslaget som blir gitt til sluttbrukerne
-
Modeller brukes til å representere dataene dine. Dataene i modellen din kan være så enkle som bare å ha primitive erklæringer. For eksempel, hvis du vedlikeholder en studentapplikasjon, kan datamodellen din bare ha en student-ID og et navn. Eller det kan også være komplisert ved å ha en strukturert datamodell. Hvis du vedlikeholder en søknad om eierskap til bil, kan du ha strukturer for å definere selve kjøretøyet når det gjelder motorkapasitet, sitteplasser osv.
Fordeler med AngularJS
-
Siden det er et open source-rammeverk, kan du forvente at antall feil eller problemer er minimale.
-
Toveis binding - Angular.js holder data- og presentasjonslaget synkronisert. Nå trenger du ikke å skrive ekstra JavaScript-kode for å holde dataene i HTML-koden og dataene dine senere synkronisert. Angular.js vil automatisk gjøre dette for deg. Du trenger bare å spesifisere hvilken kontroll som er bundet til hvilken del av modellen din.
-
Routing - Angular kan ta seg av ruting som betyr å flytte fra ett syn til et annet. Dette er nøkkelfundamentet for applikasjoner på en side; hvor du kan flytte til forskjellige funksjoner i webapplikasjonen din basert på brukerinteraksjon, men fortsatt være på samme side.
-
Angular støtter testing, både Unit Testing og Integration Testing.
-
Den utvider HTML ved å tilby sine egne elementer som kalles direktiver. På et høyt nivå er direktiver markører på et DOM-element (for eksempel et attributt, elementnavn og kommentar eller CSS-klasse) som forteller AngularJSs HTML-kompilator å knytte en spesifisert oppførsel til det DOM-elementet. Disse direktivene hjelper til med å utvide funksjonaliteten til eksisterende HTML-elementer for å gi mer kraft til webapplikasjonen.