Controller nidificati in AngularJS

Le applicazioni con cui creiamo AngularJS seguiamo il paradigma MVC, cioè abbiamo tre livelli in cui ognuno deve essere gestito ed essere funzionale senza bisogno degli altri due, ovviamente quando facciamo il tre cappelli è che possiamo avere un'applicazione che funziona, ma ad esempio una struttura nella vista non dovrebbe influenzare il modo in cui costruiamo qualcosa all'interno del modello.
Una delle sfide che abbiamo quando scriviamo applicazioni in questo modo è che sono semplici da mantenere e che la logica segue il paradigma il più rigorosamente possibile, a questo punto dobbiamo sapere come possiamo dividere le responsabilità tra la nostra interfaccia utente e i controller .
Il controllori Nelle nostre applicazioni hanno una grande responsabilità, poiché hanno il compito di collegare ciò che l'utente fa nella vista, con i dati che il modello ci offre, oltre a stabilire la logica con cui dovrebbe funzionare la nostra applicazione.
Pertanto, possiamo elencare i seguenti punti come le cose che i controller devono fare:

• Imposta lo stato iniziale degli elementi nella vista durante il caricamento dell'applicazione.
• Concedere alla vista l'accesso ai metodi e ai dati del modello.
• Ascoltare e monitorare i cambiamenti che si verificano nel modello per stabilire le azioni da intraprendere.

Come vediamo questi compiti o responsabilità dei controllori possono prestarsi a scrivere codice in modi molto diversi, tuttavia possiamo cadere nel problema della complessità, per evitarlo dobbiamo stabilire le responsabilità nell'interfaccia utente, dividendo così la nostra applicazione in più porzioni gestibili, e quindi di natura meno complessa.
Uno dei modi in cui possiamo cambiare e distribuire le responsabilità per ridurre la complessità dell'applicazione è usare controller annidati, così possiamo segmentare le diverse aree della nostra vista in blocchi.
riutilizzareCon questo possiamo avere porzioni di codice meno complesse e persino riutilizzabili in altre sezioni se stiamo costruendo applicazioni multiuso.
Vediamo nell'esempio seguente a cosa ci riferiamo:

Vediamo che possiamo separare due parti che si completano a vicenda dal nostro punto di vista in due controller, uno dentro l'altro, in questo modo possiamo inglobarne uno più piccolo all'interno di un blocco largo che può darci la possibilità di sviluppare logiche diverse e che l'essere separati non aggiunge più difficoltà a quello già costruito in precedenza.
In base a questo principio quindi possiamo stabilire le diverse responsabilità, ad esempio possiamo avere un controller interno che si occupa solo del menu, nonostante sia all'interno del controller che si occuperà del comportamento generale della pagina.
Con questo finiamo questo tutorial, abbiamo imparato un po' di più sui concetti che possiamo applicare per creare applicazioni MVC in AngularJS che ci permettono di avere un codice di qualità e che possiamo condividere in modo migliore con il nostro team di lavoro.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo