Angular js - prüfen, ob aktuelle URL die Route übereinstimmt (mit dynamischer URL params)

Question

ich bin einfach dies zu tun Einstellung:

app.config(['$routeProvider',function($routeProvider) { 
    $routeProvider 
    .when('/asd/:id/:slug',{ 
    templateUrl:'views/home/index.html', 
    controller:'Home', 
    publicAccess:true, 
    sessionAccess:true 
    }); 

: id und: Slug sind dynamisch params.

Nun möchte Ich mag diesen Weg check if current url matches (/asd/:id/:slug)

zum Beispiel der URL: asd/5/it-is-a-slug

was der einfachste Weg ist?

i tryed diese:

$rootScope.$on('$routeChangeStart', function(){ 
    console.log($route.current); 
}); 

aber manchmal gibt es nichts in der Konsole, während Seite Routen Schalt

Answer 1

Die aktuelle Route ermöglicht die Verwendung von regulären Ausdrücken. Inject $route Service und erkunden Sie aktuelle Route Objekt. Nämlich regexp Teil:

$route.current.regexp 

Dies ist, wie Sie es (zB aus Controller-Methode zu prüfen, ob aktuellen Menüpunkt (die dynamischen Teile hat) soll aktiviert werden) verwenden können:

$scope.isActive = function (path) { 
    if ($route.current && $route.current.regexp) { 
     return $route.current.regexp.test(path); 
    } 
    return false; 
}; 

Answer 2

Sie so etwas wie dies versuchen:

$routeProvider.when('/asd/:id/:slug', { 
    templateUrl: '/views/template.html', 
    controller: 'YourController', 
    resolve: { 
     data: ['$route', 'SecurityFactory', 
     function ($route, SecurityFactory) { 

      var id= parseInt($route.current.params.id, 10); 
      var slug= $route.current.params.slug; 

      SecurityFactory.checkParams(id, slug); 
     } 
     ] 
    } 
    }); 

dann innerhalb der SecurityFactory Sie können die Gültigkeit der Parameter überprüfen. Zum Beispiel mit RegExp.

Answer 3

Nicht sehr elegante Lösung, und ich habe es getestet nur in Chrome DevTools, aber es scheint zu funktionieren:

Object.getPrototypeOf($route.current) === $route.routes['/asd/:id/:slug']; 

es scheint, dass die Routen Eigenschaft des $ Routen-Service ist ein Objektliteral mit den Tasten auf die Muster für jede Route eingestellt.

Für andere, die dies verwenden möchten, ersetzen Sie einfach '/asd/:id/:slug' durch das Muster, das Sie bei der Definition Ihrer Route verwendet haben.

Auch wenn Sie den otherwise Pfad übereinstimmen soll, verwenden Sie einfach $route.routes['null']

Haftungsausschluss: Dies ist nur eine Abhilfe, die ich gefunden und die für mich funktioniert. Da dieses Verhalten nicht dokumentiert ist und ich es nicht getestet habe, um zu sehen, ob es in allen Szenarien funktioniert, verwende es auf eigene Gefahr.