Angular UI Router: Access state parameters outside ui-view

Question

The menu is located outside a <div> block which is rendered via UI Router's ui-view.

In order to modify the menu according to the state parameters, I need access to the current state parameters from within the menu's controller, but the $stateParams variable is an empty object when used outside the ui-view part.

How can I access them?

angular.module('myapp').controller('MenuCtrl', ['$scope', '$rootScope', '$stateParams', '$meteor', '$filter',
  function($scope, $rootScope, $stateParams, $meteor, $filter) {
    // ... $stateParams equals {}
  }
]);

You could use $rootScope

Rob Schmuecker
– Rob Schmuecker

2015-08-21 14:35:37 +00:00
Commented Aug 21, 2015 at 14:35 — Rob Schmuecker
– Rob Schmuecker, Commented Aug 21, 2015 at 14:35

maztch · Accepted Answer · 2015-08-21 14:51:55Z

4

Try to watch for state changes in your controller...

angular.module('myapp').controller('MenuCtrl', ['$scope', '$rootScope', '$meteor', '$filter',
    function($scope, $rootScope, $meteor, $filter) {

        //this watches for state changes
        $rootScope.$on('$stateChangeStart', 
           function(event, toState, toParams, fromState, fromParams){
              //do something when state changes
              state = toState.name;
              postid = toParams.postid;
              console.log(toParams); //this is the stateParams you need
           });

     }
]);

edited Aug 21, 2015 at 14:51

answered Aug 21, 2015 at 14:34

maztch

1,69621 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cmgsakell · Accepted Answer · 2015-08-21 14:38:30Z

0

Make sure you inject $stateParams into your controller? Can you provide a code snippet of what you already have?

answered Aug 21, 2015 at 14:38

cmgsakell

135 bronze badges

1 Comment

alpinist Over a year ago

Injecting $stateParams in a controller outside ui-view gives me an empty object ({}).

Collectives™ on Stack Overflow

Angular UI Router: Access state parameters outside ui-view

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related