How to get Angularjs UI Router list of states?

Question

Is there any way to get the list of states configured for the application through Angularjs UI Router? i.e After configuring all the states (aka routes in angular), how to get the array of these states or state objects.

In other words, what is the equivalent of Angular's built in router's "$route.routes" in Angular UI Router?

Tried to find in UI Router's api documentation, but can't find it.

Mikko Viitala · Accepted Answer · 2014-10-20 11:53:50Z

38

Use $state.get().

Following in your controller

app.controller('MainCtrl', function ($state) {
  console.log(angular.toJson($state.get()));
});

Would spit out something like

[{  
  "name":"",
  "url":"^",
  "views":null,
  "abstract":true
 },{  
  "name":"main",
  "url":"/main",
  "controller":"MainCtrl",
  "templateUrl":"main.html"
}]

answered Oct 20, 2014 at 11:53

Mikko Viitala

8,4044 gold badges42 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mikko Viitala Over a year ago

Seems like it's been covered here too stackoverflow.com/a/21593863/1061668

Douglas Gaskell Over a year ago

It doesn't look like this works, after injecting $state I just get $state.get() is not a function

Collectives™ on Stack Overflow

How to get Angularjs UI Router list of states?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related