Wie konfiguriere ich den angularen UI-Router, um den strikten URL-Matching-Modus nicht zu verwenden

Question

UI-Router Version 0.2.11 eingeführt option to turn off strict URL matching, aber ich kann nicht herausfinden, wie man es tatsächlich benutzt.

Ich habe versucht Standard Config wie sie in tests verwenden:

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

Keine dieser Einstellungen arbeiten, so dass ich denke, ich bin entweder etwas falsch zu machen oder es ist verwanzt. Es scheint auch keine Dokumentation darüber zu geben.

Answer 1

Ich glaube, das in 0.2.12 behoben.

Das sagte, ich stieß auf dieses Problem in 0.2.15. Es stellt sich heraus, dass Sie die $urlMatcherFactoryProvider vor dem $stateProvider konfigurieren müssen.

das heißt der folgende Code wird nicht funktionieren:

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

Sie haben die $urlMatcherFactoryProvider zuerst konfigurieren, wie folgt aus:

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

Answer 2

Verwendung wie diese

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"); 
       }, 
      } 
     })