Controladores aninhados em AngularJS

Os aplicativos que criamos com AngularJS seguem o paradigma MVC, ou seja, temos três camadas onde cada uma deve ser gerenciada e funcional sem a necessidade das outras duas, é claro quando fazemos o três chapéus é que podemos ter um aplicativo que funciona, mas, por exemplo, uma estrutura na visualização não deve afetar como construímos algo dentro do modelo.
Um dos desafios que temos ao escrever aplicativos desta forma é que eles são simples de manter e que a lógica segue o paradigma o mais estritamente possível, neste ponto devemos saber como podemos dividir as responsabilidades entre nossa interface de usuário e os controladores .
O controladores Em nossas aplicações eles têm uma grande responsabilidade, pois se encarregam de conectar o que o usuário faz na vista, com os dados que o modelo nos oferece, além de estabelecer a lógica com a qual nossa aplicação deve funcionar.
Portanto, podemos listar os seguintes pontos como as coisas que os controladores devem fazer:

• Defina o estado inicial dos itens na visualização ao carregar o aplicativo.
• Conceda à visualização acesso aos métodos e dados do modelo.
• Ouça e monitore as mudanças que ocorrem no modelo para estabelecer as ações a serem tomadas.

Como vemos essas tarefas ou responsabilidades dos controladores podem se prestar a escrever código de maneiras muito diferentes, porém podemos cair no problema da complexidade, para evitá-la devemos estabelecer as responsabilidades na interface do usuário, dividindo assim nossa aplicação em mais porções gerenciáveis ​​e, portanto, de natureza menos complexa.
Uma das maneiras pelas quais podemos alterar e distribuir responsabilidades para reduzir a complexidade do aplicativo é usando controladores aninhados, para que possamos segmentar as diferentes áreas de nossa visão em blocos.
ReusoCom isso, podemos ter porções de código menos complexas e até mesmo reutilizáveis ​​em outras seções se estivermos construindo aplicativos multiuso.
Vamos ver no exemplo a seguir a que nos referimos:

Vemos que podemos separar duas partes que se complementam de nossa visão em dois controladores, um dentro do outro, desta forma podemos incorporar um menor dentro de um bloco largo que pode nos dar a possibilidade de desenvolver lógicas diferentes e que estarmos separados não acrescenta mais dificuldade àquela que já foi construída anteriormente.
Sob este princípio então podemos estabelecer as diferentes responsabilidades, por exemplo podemos ter um controlador interno que só cuida do menu, apesar de estar dentro do controlador que vai cuidar do comportamento geral da página.
Com isso terminamos este tutorial, aprendemos um pouco mais sobre os conceitos que podemos aplicar para fazer aplicações MVC em AngularJS que nos permitem ter um código de qualidade e que possamos compartilhar melhor com nossa equipe de trabalho.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo