How to config Angular ui-router to not use strict URL matching mode

Question

ui-router's version 0.2.11 introduced option to turn off strict URL matching, but I can't figure out how to actually use it.

I've tried standard config as they use in tests:

app.config(function ($urlMatcherFactoryProvider) {
  $urlMatcherFactoryProvider.caseInsensitive(true);
  $urlMatcherFactoryProvider.strictMode(false);
});

None of those settings work, so I guess I'm either doing something wrong or it's bugged. There's also seem to be no documentation about it.

Is there an equivalent github issue open? (I can't seem to get this to work either) — Nate-Wilkins
– Nate-Wilkins, Commented Oct 22, 2014 at 17:44
@Nate github.com/angular-ui/ui-router/issues/1395 It should be fixed in master. I'm waiting for next release to test it. — Ondrej Slinták
– Ondrej Slinták, Commented Nov 3, 2014 at 19:24

AJ Richardson · Accepted Answer · 2015-10-05 19:34:09Z

8

I believe this was fixed in 0.2.12.

That said, I ran into this problem in 0.2.15. It turns out that you need to configure the $urlMatcherFactoryProvider BEFORE the $stateProvider.

i.e. the following code will NOT work:

$stateProvider.state('login', {
    url: "/login",
    templateUrl: 'templates/login.html',
    controller: 'loginController as loginCtrl'
});
$urlMatcherFactoryProvider.caseInsensitive(true);
$urlMatcherFactoryProvider.strictMode(false);

You have to configure the $urlMatcherFactoryProvider first, like this:

$urlMatcherFactoryProvider.caseInsensitive(true);
$urlMatcherFactoryProvider.strictMode(false); 
$stateProvider.state('login', {
    url: "/login",
    templateUrl: 'templates/login.html',
    controller: 'loginController as loginCtrl'
});

answered Oct 5, 2015 at 19:34

AJ Richardson

6,8471 gold badge52 silver badges62 bronze badges

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

5 Comments

mcranston18 Over a year ago

Using Ui Router 0.2.15 & AngularJS v1.4.7, this does not work.

AJ Richardson Over a year ago

@mcranston18 This works with angular-ui-router 0.2.15 and AngularJS 1.4.5. I doubt that it would have broken in 1.4.7, so check to see if there is something else you are missing.

Ondrej Slinták Over a year ago

Sorry for late answer. It seems it was really fixed. However, there seems to be a new bug which prevents me to configure $urlMatcherFactoryProvider in root module. As a workaround I'm setting it in first child module that's required by the root one.

Ondrej Slinták Over a year ago

In the end it might be the same scenario you describe.

AJ Richardson Over a year ago

@OndrejSlinták No worries about the late response - I was mostly posting this for the benefit of people like me who had the same problem. I appreciate the answer though :). However, I'm not experiencing the same bug you are with the root module. There might be something else going on.

Muhammad Jahangir javed · Accepted Answer · 2015-01-09 14:00:40Z

-6

use like this

app.config(["$routeProvider", "$locationProvider",
    function ($routeProvider, $locationProvider) {
        return $routeProvider.when("/", {
            redirectTo: "/signin"
        })
        .when("/dashboard", {
            templateUrl: "App/views/Dashboard/dashboard.html",

        }).when("/signup", {
            templateUrl: "App/views/signup/signup.html",
            resolve: {
                permission: function (authorizationService, $route) {
                    return authorizationService.permissionCheck("signup");
                },
            }
        })
.when("/myAccount", {
            templateUrl: "App/views/myAccount/myAccount.html",
            resolve: {
                permission: function (authorizationService, $route) {
                    return authorizationService.permissionCheck("myAccount");
                },
            }
        })
        .when("/signin", {
            templateUrl: "App/views/signin/signin.html",
            resolve: {
                permission: function (authorizationService, $route) {
                    return authorizationService.permissionCheck("SKIP");
                },
            }
        })

answered Jan 9, 2015 at 14:00

Muhammad Jahangir javed

196 bronze badges

1 Comment

AJ Richardson Over a year ago

This answer uses angular-route, but the question is related to angular-ui-router.

Collectives™ on Stack Overflow

How to config Angular ui-router to not use strict URL matching mode

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related