Angular 1 UI-Router - HTML5 Mode param URL to always end with a forward slash

Question

I've got a page that has a base URL of /foo/ and have set up my state to expect a param.

So, if the user hits /foo/user1/, user1 is the param.

Is it possible to watch for both types of urls? For example, can I declare /foo/user1/ and /foo/user1 (notice, there's no forward slash) in the same state or do I need to create another state to specifically watch for the trailing slash?

Currently, it can be one or the other, but not both. Is that an accurate statement, or am I missing something in the documentation?

Maybe this is what you're after – github.com/angular-ui/ui-router/wiki/… — Reid Horton
– Reid Horton, Commented Aug 24, 2016 at 22:28

miqe · Accepted Answer · 2016-08-25 05:52:09Z

2

if you are using latest version of ui-router add this in your config block $urlMatcherFactoryProvider.strictMode(false) but for older versions of ui-router add this code

$urlRouterProvider.rule(function ($injector, $location) {
    var path = $location.url();

    // check to see if the path already has a slash where it should be
    if (path[path.length - 1] === '/' || path.indexOf('/?') > -1) {
        return;
    }

    if (path.indexOf('?') > -1) {
        return path.replace('?', '/?');
    }

    return path + '/';
});

you should checkout their FAQ area, there is a dedicated section for trailing slash

answered Aug 25, 2016 at 5:52

miqe

3,3893 gold badges31 silver badges37 bronze badges

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

1 Comment

spez86 Over a year ago

That rule was exactly what I was looking for. I'm using the latest version, but $urlMatcherFactoryProvider.strictMode(false) wasn't doing the behavior I was looking for. Thanks for providing both options, wish I could vote this answer twice!

Collectives™ on Stack Overflow

Angular 1 UI-Router - HTML5 Mode param URL to always end with a forward slash

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