title: ui-router resolve with dynamic parameters
body: <p>This is probably simple but I can't find anything in the docs and googling didn't help. I'm trying to define a state in <code>$stateProvider</code> where the URL I need to hit on the server to pull the needed data depends on a state URL parameter. In short, something like:</p>
  
  <pre><code> .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; });
        }
      }
    })
  </code></pre>
  
  <p>The above doesn't work. I tried injecting <code>$routeParams</code> to get the needed <code>cat</code> parameter, with no luck. What's the right way of doing this? </p>