Vad är AngularJS?
AngularJS är ett open-source-modell-View-Controller-ramverk som liknar JavaScript-ramverket.
Angular JS är förmodligen en av de mest populära moderna webbramarna som finns idag. Denna ram används för att utveckla främst enstaka sidapplikationer. Detta ramverk har utvecklats av en grupp utvecklare från Google själv.
På grund av det stora stödet från Google och idéer från ett brett communityforum hålls ramverket alltid uppdaterad. Dessutom innehåller den alltid de senaste utvecklingstrenderna på marknaden.
I den här handledningen lär du dig-
- AngularJS-funktioner
- Angularjs-arkitektur
- AngularJS Fördelar
AngularJS-funktioner
Angular har följande viktiga funktioner som gör den till en av de kraftfulla ramarna på marknaden.
-
MVC - Ramverket bygger på det berömda konceptet MVC (Model-View-Controller). Detta är ett designmönster som används i alla moderna webbapplikationer. Det här mönstret bygger på att dela upp affärslogiklagret, datalagret och presentationslagret i separata sektioner. Indelningen i olika sektioner görs så att var och en kan hanteras lättare.
-
Bindning av datamodell - Du behöver inte skriva en speciell kod för att binda data till HTML-kontrollerna. Detta kan göras av Angular genom att bara lägga till några kodavsnitt.
-
Skriva mindre kod - När man utför DOM-manipulation krävdes mycket JavaScript för att utforma alla applikationer. Men med Angular kommer du att bli förvånad över den mindre mängd kod du behöver skriva för DOM-manipulation.
-
Enhetstestning redo - Designarna på Google utvecklade inte bara Angular utan utvecklade också ett testramverk som heter "Karma" som hjälper till att utforma enhetstester för AngularJS-applikationer.
AngularJS Architecture
Angular.js följer MVC-arkitekturen, diagrammet för MVC-ramverket som visas nedan.
-
Styrenheten representerar lagret som har affärslogiken. Användarhändelser utlöser de funktioner som lagras i din controller. Användarhändelserna är en del av styrenheten.
-
Vyer används för att representera presentationslagret som tillhandahålls slutanvändarna
-
Modeller används för att representera dina data. Data i din modell kan vara så enkla som att bara ha primitiva deklarationer. Om du till exempel underhåller en studentapplikation kan din datamodell bara ha ett student-id och ett namn. Eller så kan det också vara komplext genom att ha en strukturerad datamodell. Om du underhåller en ansökan om bilägande kan du ha strukturer för att definiera fordonet i termer av motorns kapacitet, sittplatser etc.
AngularJS Fördelar
-
Eftersom det är ett open source-ramverk kan du förvänta dig att antalet fel eller problem är minimalt.
-
Tvåvägsbindning - Angular.js håller data- och presentationsskiktet synkroniserat. Nu behöver du inte skriva ytterligare JavaScript-kod för att hålla data i din HTML-kod och dina data senare synkroniserade. Angular.js gör detta automatiskt åt dig. Du behöver bara ange vilken kontroll som är bunden till vilken del av din modell.
-
Routing - Angular kan ta hand om routing vilket innebär att man flyttar från en vy till en annan. Detta är den grundläggande grunden för applikationer på en sida; där du kan flytta till olika funktioner i din webbapplikation baserat på användarinteraktion men ändå stanna på samma sida.
-
Angular stöder testning, både Unit Testing och Integration Testing.
-
Det utökar HTML genom att tillhandahålla egna element som kallas direktiv. På hög nivå är riktlinjer markörer på ett DOM-element (som attribut, elementnamn och kommentar eller CSS-klass) som säger till AngularJSs HTML-kompilator att bifoga ett specifikt beteende till det DOM-elementet. Dessa direktiv hjälper till att utöka funktionerna i befintliga HTML-element för att ge mer kraft till din webbapplikation.