Geneste controllers in AngularJS

De applicaties die we maken met AngularJS volg het MVC-paradigma, dat wil zeggen, we hebben drie lagen waar elk moet worden beheerd en functioneel zonder de andere twee, natuurlijk wanneer we de drie hoeden is dat we een applicatie kunnen hebben die werkt, maar een structuur in de view mag bijvoorbeeld geen invloed hebben op hoe we iets in het model bouwen.
Een van de uitdagingen die we hebben bij het schrijven van applicaties op deze manier is dat ze eenvoudig te onderhouden zijn en dat de logica het paradigma zo strikt mogelijk volgt. Op dit punt moeten we weten hoe we de verantwoordelijkheden kunnen verdelen tussen onze gebruikersinterface en de controllers .
De controllers In onze applicaties hebben ze een grote verantwoordelijkheid, omdat ze verantwoordelijk zijn voor het verbinden van wat de gebruiker in de view doet, met de gegevens die het model ons biedt, naast het vaststellen van de logica waarmee onze applicatie zou moeten werken.
Daarom kunnen we de volgende punten noemen als de dingen die controllers moeten doen:

• Stel de beginstatus van de items in de weergave in bij het laden van de applicatie.
• Geef de view toegang tot de methoden en data van het model.
• Luister en monitor de veranderingen die in het model plaatsvinden om de te nemen acties vast te stellen.

Aangezien we zien dat deze taken of verantwoordelijkheden van de controllers zich kunnen lenen voor het schrijven van code op heel verschillende manieren, maar we kunnen in het probleem van complexiteit terechtkomen, om dit te voorkomen, moeten we de verantwoordelijkheden in de gebruikersinterface vastleggen, waardoor onze applicatie wordt opgedeeld in meer behapbare porties, en dus minder complex van aard.
Een van de manieren waarop we verantwoordelijkheden kunnen wijzigen en verdelen om de complexiteit van de applicatie te verminderen, is door gebruik te maken van geneste controllers, zodat we de verschillende gebieden van ons zicht in blokken kunnen segmenteren.
HergebruikHiermee kunnen we minder complexe delen van code hebben, en zelfs herbruikbaar in andere secties als we multifunctionele applicaties bouwen.
Laten we in het volgende voorbeeld kijken waar we naar verwijzen:

We zien dat we twee delen die elkaar aanvullen vanuit onze visie kunnen scheiden in: twee controllers, de een in de ander, op deze manier kunnen we een kleinere opnemen in een breed blok dat ons de mogelijkheid geeft om verschillende logica's te ontwikkelen en dat gescheiden zijn niet meer moeilijkheid toevoegt aan degene die al eerder is gebouwd.
Volgens dit principe kunnen we de verschillende verantwoordelijkheden vaststellen, we kunnen bijvoorbeeld een interne controller hebben die alleen voor het menu zorgt, ondanks dat hij binnen de controller zit die voor het algemene gedrag van de pagina gaat zorgen.
Hiermee sluiten we deze tutorial af, we hebben iets meer geleerd over de concepten die we kunnen toepassen om applicaties te maken MVC in AngularJS waarmee we een kwaliteitscode hebben en die we op een betere manier kunnen delen met ons werkteam.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven