Angular UI router Initialising

Question

I am trying to use Angular UI router in my application. When I initialise the UI router instead of getting say, localhost:8000/#/ I get localhost:8000/#!#%2F.

My app.js is as follows:

angular
    .module('quiz',['ngMaterial',
                    'ngMessages',
                    'ngCookies',
                    'ngResource',
                    'quiz.routes'
                    ]).config(function($resourceProvider) {
                                    $resourceProvider.defaults.stripTrailingSlashes = false;
                                    }); 

angular
    .module('quiz.routes',['ui.router']);

In my quiz.routes.js I have:

(function () {
    angular
    .module('quiz.routes')
    .config(config);

    function config($urlRouterProvider,$stateProvider){
        $stateProvider
            .state('register',{
                url: '',
                templateUrl: '/static/templates/register.html'
            });
    }

})();

So instead of the trailing slash I get !#%2F in my URL. Why is this?

Well, I'm not sure enough to write a answer about this. But I think you need to have a url set, in your case '/'... You would only have a empty url if you're defining a abstract state. — Canastro
– Canastro, Commented Feb 12, 2017 at 16:44
I've posted what is a likely cause, however this may not be the full story, and you may have to adjust your routes and links too. — Matthew Cawley
– Matthew Cawley, Commented Feb 12, 2017 at 17:02

Matthew Cawley · Accepted Answer · 2017-02-12 16:49:46Z

3

Assuming that you are using Angular version 1.6, then this is likely because of the changes made to the default hashPrefix which is now set to !. To fix, you need to inject $locationProvider into your module's config block and reset the default hashPrefix back to the empty string.

$locationProvider.hashPrefix('')

This was reported as a bug here, although it turns out that it was by design and changed intentionally.

answered Feb 12, 2017 at 16:49

Matthew Cawley

2,8281 gold badge10 silver badges19 bronze badges

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

1 Comment

Matthew Cawley Over a year ago

Oh brilliant. I'm on a slow connection right now so didn't see that you had accepted the answer before I commented above. Pleased it worked.

Collectives™ on Stack Overflow

Angular UI router Initialising

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related