Angular ui-router state name binding

Question

Is there a way to bind a function to specific state name instead of the state change event?

For example, this is what I do now:

  $scope.$on('$stateChangeSuccess', function(evt, toState, toParams, fromState, fromParams) {
    console.log(toState.name);
  });

Basically, I bind to $stateChangeSuccess and get toState.name to process a specific task. But I feel this is a bit overkill as it binds to a general event. I just want to bind to a specific state such as toState.name = "foo" or something like that.

Any pointer?

Thanks.

Radim Köhler · Accepted Answer · 2014-01-02 06:39:55Z

1

As stated here: State Change Events

All these events are fired at the $rootScope level.

I would say, this is the advantage of this kind of eventing system. It allows us to hook on some functionality as a standard AOP framework (Regardless of the specific state beeing navigated to).

Using the if or switch with combination of multiple files/listeners... could make it clear and managable.

Side NOTE: I do prefer to has one (if possible) file for an aspect, to use suffix e.g. (ctrl.js, dirc.js, listner.js) to distinguish the kind.

answered Jan 2, 2014 at 6:39

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

2 Comments

HP. Over a year ago

So if I have 20 controllers all subscribed to $stateChangeStart but they require different state.name to act upon, isn't that a little bloated in the event loop somewhere (in term of performance)? Or my worry is non-sense?

Radim Köhler Over a year ago

Please, read this stackoverflow.com/a/9693933/1679310 about more details about the performance. I would hardly explain that better ;) Summary: 20 is not an issue ;) I would say, prefere better code maintainance (searching, extending) over too much performance improvements (if reasonable;). The AOP(event listeners) placed outside of the standard implementation, even with some overhead to process 20 of them, will give us lot of profit later.. once the application is mature (and large)

Collectives™ on Stack Overflow

Angular ui-router state name binding

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related