In Angular Route Provider Einstellung Seitentitel basierend auf URL

Question

Wie kann ich auf die URL in der setTitle anonyme Funktion zugreifen?

Ich habe etwas wie unten in meiner Route Setup für Angular. Die meisten Routen zeigen auf den gleichen Controller, es gibt einige Unterschiede im Controller, aber das Problem ist im Wesentlichen doppelte Routen. Ich möchte also zu etwas wechseln, das nur einen Eintrag in der Tabelle hat, aber ich muss SetWindowTitle ändern, um den Titel basierend auf dem URL-Parameter festzulegen. Der Code, den ich angezeigt habe, funktioniert nicht, da producttype var nicht definiert ist.

Aktuelle Code:

.config(['$routeProvider', 
    function ($routeProvider) { 

    $routeProvider 
     .when('/mypage/round', { 
      templateUrl: 'product', 
      controller: 'productController', 
      resolve: { 
       setTitle: function() { 
        SetWindowTitle('product round') 
       } 
      }, 
     }) 
     .when('/mypage/square', { 
      templateUrl: 'product', 
      controller: 'productController', 
      resolve: { 
       setTitle: function() { 
        SetWindowTitle('product square') 
       } 
      }, 
     }) 
    // etc... 

Wollen Sie so etwas wie:

$routeProvider 
     .when('/mypage/:producttype', { 
      templateUrl: 'product', 
      controller: 'productController', 
      resolve: { 
       setTitle: function() { 
        SetWindowTitle('product ' + producttype) 
       } 
      }, 
     }) 

Answer 1

können wir die Route URL in der Entschlossenheit Funktion durch '$ route' injiziert wird. Hier ist, was Sie tun müssen:

$routeProvider 
    .when('/mypage/:producttype', { 
     templateUrl: 'product', 
     controller: 'productController', 
     resolve: { 
      setTitle: function($route) { 
       SetWindowTitle('product ' + $route.current.params.producttype) 
      } 
     }, 
    }) 

$ route.current - Consist aller aktuellen Route URL Details, wie die Steuerung, ursprünglichen Pfad, Pfad, Template url usw.