Comment voir quels états sont configurés dans AngularJS / UI-Router?

Y a-t-il un moyen de voir tous les états qui ont été définis sur $stateProvider ?

Dans ce cas, je voudrais que mes affectations d’état soient réparties sur plusieurs fichiers. Je voudrais inspecter les états construits sur run ou config dans un fichier différent.

Par exemple:

 # component1.coffee angular.module('zoo').config ($stateProvider) -> $stateProvider.state 'component1', url: '/component1' template: _template controller: 'Component1Ctrl' # component2.coffee angular.module('zoo').config ($stateProvider) -> $stateProvider.state 'component2', url: '/component2' template: _template controller: 'Component2Ctrl' # componentNavigation.coffee angular.module('zoo').run ($state) -> console.log 'All configured states:', $state.configuredStates # doesn't exist. 

Y a-t-il quelque chose qui listera les deux états, component1 et component2 ?

$state.get()

renvoie un tableau de tous les états. Inclut l’état abstrait de niveau supérieur, mais vous pouvez le filtrer si vous le souhaitez.

Comment énumérer les états enregistrés dans l’interface utilisateur?

Pour les personnes qui tentent d’obtenir des itinéraires URL réels, y compris des états nesteds correctement affichés:

 $state.get().map(function(state) { return $state.href(state.name) }) // => ['/login', '/home', '/something']