Rotas em AngularJS

Oi Marcelo. Se eu entendi a sua dúvida, você faz igual ao que aprendeu no curso: um parcial para cada uma dessas páginas, cada uma com sua rota configurada.

Olá Flavio.

É meio difícil explicar a ideia mesmo, por isso tentei desenhar.

Dentro desses 3 index.html hoje, nas ng-views, já tem varias partials em cada uma, porém, os layouts dessas 3 webapps são muito diferentes, ou seja, eu não posso abrir dentro de uma a outra, fica sem sentido. É como se em um determinado momento, eu precisasse mudar totalmente de layout.

Pelo que eu andei pesquisando, a ideia seria uma ng-view dentro da outra, ou seja, o index passa a não ter nenhum html no body, somente uma div ng-view e dentro dela coloco outras ng-view, ou seja, "sub ng-view".

Ainda não tive tempo de colocar em pratica, mas me parece que substituindo o ngRoute pelo uiRoute vou conseguir essa característica de views dentro de views.

Pensei também no caso de usar CORS e deixar tudo como esta acessando o mesmo bd em back-end separados, porém, como temos que pagar o plano por webapp no heroku fica meio sem sentido pagar 3, o interessante é tudo rodar sobre o mesmo back-end mesmo.

|-----------------------------|
|                             |
|                             |
|                             |
|       ng-view               |
|       index.html            |
|                             |
|                             |
|-----------------------------|

|-----------------------------|
|        static               |
|-----------------------------|
|                             |
|      sub ng-view            |
|                             |
|-----------------------------|
|     footer static           |
|-----------------------------|

|-------|----------------------|
|       |     static           |
|static |----------------------|
|       |                      |
|       |   sub ng-view        |
|       |                      |
|-------|----------------------|

|-----------------------------|
|        static               |
|-----------------------------|
|                             |
|      sub ng-view            |
|                             |
|-----------------------------|

A ideia é essa mesmo Flavio? Deu pra compreender melhor a minha dificuldade?

Acho que agora entendi. Bom, com o router atual do Angular você não consegue fazer essas subrotas que deseja. Eu não uso o uirouter porque na época ele tinha uns bugs chatos.

Contudo, talvez, usar a diretiva ng-if para exibir condicionalmente algum específico possa ajudar. Se não, talvez você tenha que ir na direção do UI-ROUTER mesmo.

Vou dar uma pesquisada no ng-if também, mesmo que não der certo nesse projeto em outros pode ser que de para aplicar. Com ng-if eu fico usando normalmente o ngRoute?

Vou aproveitar e tirar mais uma dúvida, nesse caso de 3 layouts diferentes que conversamos acima, se por exemplo um deles usa um framework visual X, por exemplo bootstrap, e o outro layout usa outro tipo de framework, tenho q carregar todos no HEAD desse index né? Não tenho como carregar por demanda, por exemplo, só se o usuário entrar na parte X que usa o framework X eu carrego aqueles arquivos, senão não.

Desde já agradeço a atenção, abs!

Quando se cria uma SPA, você carrega tudo o que a aplicação precisa logo de início. Parece-me que você quer realizar lazy loading de recursos e o Angular por padrão não faz isso.

Aliás, como cada parte é muito distinta, talvez voltar com aplicações separadas seja interessante, mas isso você precisa avaliar.

Perfeito Flávio.

Obrigado!

Talvez isso possa te ajudar no lazy loading, mas eu não testei, pelo menos, para dar um norte:

https://oclazyload.readme.io/