UI-Router Auflösung mit dynamischen Parametern

Question

Dies ist wahrscheinlich einfach, aber ich kann nichts in den Dokumenten finden und Googeln hat nicht geholfen. Ich versuche, einen Zustand in $stateProvider zu definieren, wo die URL, die ich auf dem Server treffen muss, um die benötigten Daten zu ziehen, von einem Status-URL-Parameter abhängt. Kurz gesagt, etwas wie:

.state('recipes.category', { 
    url: '/:cat', 
    templateUrl: '/partials/recipes.category.html', 
    controller: 'RecipesCategoryCtrl', 
    resolve: { 
     category: function($http) { 
     return $http.get('/recipes/' + cat) 
      .then(function(data) { return data.data; }); 
     } 
    } 
    }) 

Das obige funktioniert nicht. Ich versuchte, $routeParams zu injizieren, um den benötigten cat Parameter zu erhalten, ohne Glück. Was ist der richtige Weg?

Answer 1

Sie waren in der Nähe mit $routeParams. Wenn Sie den UI-Router verwenden, verwenden Sie stattdessen $stateParams. Dieser Code funktioniert für mich:

.state('recipes.category', { 
    url: '/:cat', 
    templateUrl: '/partials/recipes.category.html', 
    controller: 'RecipesCategoryCtrl', 
    resolve: { 
     category: ['$http','$stateParams', function($http, $stateParams) { 
      return $http.get('/recipes/' + $stateParams.cat) 
        .then(function(data) { return data.data; }); 
     }] 
    } 
}) 

Answer 2

Für diejenigen, die ui-Router 1.0 $stateParamsis deprecated verwenden, können Sie stattdessen $transition$ verwenden soll:

.state('recipes.category', { 
 
    url: '/:cat', 
 
    templateUrl: '/partials/recipes.category.html', 
 
    controller: 'RecipesCategoryCtrl', 
 
    resolve: { 
 
     category: ['$http','$transition$', function($http, $transition$) { 
 
      return $http.get('/recipes/' + $transition$.params().cat) 
 
        .then(function(data) { return data.data; }); 
 
     }] 
 
    } 
 
})