AngularJS UI-Router estados dinâmicos, definitivo (dynamic states)
Depois de pesquisar e encontrar vários formas de escrever rotas dinâmicas no ui-router, ou seja, vindas de um recurso/endpoint externo encontrei uma que funcionasse no ciclo de vida da aplicação no qual estou desenvolvendo, mostrarei os detalhes logo abaixo, mas primeiro vou explicar as duas formas mais comuns.
- Referencia do service $stateProvider
Cria-se uma variável global, ou um escopo acima do configurador de módulos (.config()) e do executor de configurações síncronas (.run()) principal da aplicação, salvando a referência atual do $stateProvider. Dentro do (.run()) principal, executa o $http.get, obtendo o json que configura as rotas dinamicamente, exemplo:
2- Future State
Nenhuma das duas formas funcionaram, então achei uma forma mais simples:
A implementação POC funcionando no codepen.io: