AngularJS UI-Router estados dinâmicos, definitivo (dynamic states)

João Pinto Neto
Aug 24, 2017 · 1 min read

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.

  1. 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:

)
Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade