Getting state from URL string with Angular UI Router

Question

I'm using state-based routing (Angular UI Router v0.2.7) in a project and looking for a way to get the current state (name) from a given URL string.

Something like:

$state.get([urlString]) returns stateName:String or state:Object

I need this method to check if a state exists to a given URL because not all URLs are mapped to a state in my project. Using Play Framework as backend, some URLs (e.g., login form) are not mapped to a state because they using different templates then the Angular (main) part of my application. For those "none-Angular" pages (i.e., not covered by a state) I would do a reload. To identify URLs not covered by a state I need the method mentioned above. Planned to do it like this:

$rootScope.$watch(function() { return $location.path(); }, function(newUrl, oldUrl) {
    if(newUrl !== oldUrl) {
        if (!$state.get(newUrl)) {
            $window.location.assign(newValue);
        }
    }
}

Already checked the docu but there is no such method.

Any ideas?

Is the URL is outside the scope of the Angularjs project? Can you provide an example? — J.P. Armstrong
– J.P. Armstrong, Commented Jan 10, 2014 at 22:41
Yes, some URLs are handled by the backend (Play framework). Added some details above. — cnmuc
– cnmuc, Commented Jan 12, 2014 at 11:59
There is a routes file you can control who gets what routes. You can setup angularjs at the root of your URL / and redirect all the API calls to play from /api. Angularjs will never have to worry about it. Users shouldn't be given the API urls anyways — J.P. Armstrong
– J.P. Armstrong, Commented Jan 12, 2014 at 14:48

J.P. Armstrong · Accepted Answer · 2014-01-10 22:49:59Z

1

It's all or nothing. If you plan to use ui-router make sure all your URLs resolve to a state. If the state doesn't exist it will go to the otherwise state. It's possible to have optional parameters.

An alternative is to use .htaccess redirects to catch the URL and redirect you before it hits the ui-router.

Provide more details and we can see what the best option is.

answered Jan 10, 2014 at 22:49

J.P. Armstrong

8361 gold badge9 silver badges27 bronze badges

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

1 Comment

cnmuc Over a year ago

Thanks for quick reply! Think otherwise could do the trick, I'll give it a try and let you know.

ketan · Accepted Answer · 2016-03-02 04:37:15Z

1

Try using this will get the current sate name.

var stateName = $state.current.name;

edited Mar 2, 2016 at 4:37

ketan

19.4k42 gold badges68 silver badges107 bronze badges

answered Mar 2, 2016 at 4:16

Pravee

851 silver badge10 bronze badges

Collectives™ on Stack Overflow

Getting state from URL string with Angular UI Router

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related