Alt hvad du behøver at vide om MVC i AngularJs



Denne artikel giver dig en detaljeret og omfattende viden om MVC i JavaScript med eksempler at forstå.

Begrebet MVC er en god idé og den grundlæggende idé om at have tre separate enheder og aldrig blande dem sammen. I denne artikel vil vi forstå, hvad der er MVC i AngularJS i følgende rækkefølge:

Hvad er MVC i AngularJS?

AngularJs understøtter MVC-mønsteret. MVC dvs. Model View Controller er et softwaredesignmønster, der bruges til udvikling af webapplikationer. Den består af følgende dele:





  • Model - Det laveste niveau i mønsteret, modellen består af en database. Ansvaret for at administrere applikationsdataene er givet til modellen. I enklere termer administrerer den data og applikationens logik.

  • Udsigt - Visningen er ansvarlig for at vise dele af dataene eller hele dataene for brugeren. For at få vist data fra controlleren kan vi tilføje vinkeludtryk til visningen, som koordinerer modellen og viser om eventuelle ændringer. I enklere termer er udsigten brugergrænsefladen, der viser output.



  • Controller - Kontrol over modellen og visningen leveres af controlleren, dvs. den styrer hentningen af ​​dataene sammen med displayet. I enklere termer styrer controlleren interaktionen mellem modellen og visningsdelen.

MVC i AngularJs

MVC Architectural mønster er blevet brugteffektivt og effektivt i lang tid inden for software engineering.



Arbejde med MVC i AgularJS

MVC kan implementeres i AngularJs ved brug af JavaScript og HTML. Modeldelen kan implementeres af , hvorimod modellen og controller-delen kan implementeres af .

Følgende eksempel viser, hvordan MVC fungerer:

c ++ scope-operatør

Vinkelformet MVC-arkitektur

funktionsadresse ($ scope) {

$ scope.Person = {

'Navn': 'Ari Jon',

'Adresse': 'Park, NYC',

}

}

c ++ gå til

Outputtet vil være navnet på personen, det vil sige Ari Jon.

Med dette kommer vi til slutningen af ​​denne MVC i AngularJS-artiklen. Implementeringen af ​​MVC-arkitekturen i vinkel foretages efter metoden nævnt i denne artikel. Adskillelse af ansvar er mulig på grund af denne arkitektur. Mens modellen består af applikationsdataene, repræsenterer visningen layoutet eller brugergrænsefladen. Controlleren fungerer som en forbindelse mellem udsigten og modellen.

Check ud af af Edureka, et pålideligt online læringsfirma med et netværk på mere end 250.000 tilfredse elever spredt over hele kloden. Angular er en JavaScript-ramme, der bruges til at oprette skalerbare, virksomheds- og performance-klientesides webapplikationer. Da vedtagelsen af ​​kantede rammer er høj, er effektivitetsstyring af applikationen samfundsdrevet indirekte, hvilket giver bedre jobmuligheder. Angular Certification Training sigter mod at dække alle disse nye koncepter omkring Enterprise Application Development.