Angularjs: Retrieve data from state params and use it in resolve

Question

got some question for you guys. How can i retrieve data passed as parameter and use it as object/string in my resolve so i can pass it to my controller.

here is my code(not working)

var thisState  =   {
                   name: 'category',
                   url: '/category/:category',
                   templateUrl: 'resources/templates/views/category.html',
                   resolve: {
                      category: function(params) {
                        return params.category;             
                      }
                   },
                   controller: 'CategoryCtrl'
                }

 $stateProvider
 .state(thisState);

this is how i pass param

ui-sref="category({category:'food'})

thanks in advance

Maybe this discussion solve your problem https://stackoverflow.com/questions/19012579/ui-router-resolve-with-dynamic-parameters — Zamrony P. Juhara, Jan 29 '18 at 05:42

score 2 · Accepted Answer · answered Jan 29 '18 at 05:42

You need to use $stateParams with ui-router

var thisState  =   {
                   name: 'category'
                   url: '/category/:category',
                   templateUrl: 'resources/templates/views/category.html',
                   resolve: {
                      category: ['$stateParams', function($stateParams){
                          return $stateParams.category;
                      }]
                   },
                   controller: 'CategoryCtrl'
                }

 $stateProvider
 .state(thisState);

@arnoldemzi Thanks and You are welcome, don't forget to accept it as answer to close your question. Have a good day :) — Hey24sheep, Jan 29 '18 at 05:45

Angularjs: Retrieve data from state params and use it in resolve

1 Answers1