Sticky States Deep State Redirect

[jeverden]

It would be nice if you were already within a deep state and the state changed to the parent url that it would disregard the deep state.

For instance in the demo. If I click on the customers tab then click on a customer name, then click on the customers tab again it seems logical it would go back to the customers listing which it currently doesn't. If I was viewing a customer and clicked on customers tab from another state it should redirect back down to the customer though which it currently does.

Not sure if that's possible or not though.

[christopherthielen]

deepStateRedirect can now be a function.

I haven't added tests yet. I built off the dev branch if you want to try this:
https://gist.github.com/christopherthielen/40d33f98ddf2e4ffde04

example:

 $stateProvider.state({
    sticky: true,
    deepStateRedirect: function($state) { return !$state.includes(this.name); },

[jeverden]

Awesome thanks. I'll give this a shot soon.

[appagg]

I am facing the exact problem as jeverden mentioned. I am using deepStateRedirect. Just added breadcrumbs to my states and clicking the parent breadcrumbs from the child state/view won't return back to the parent state/view. How's the deepStateRedirect function going to help in this situation?

[appagg]

Ah, I think I got it. Added this to the parent state: deepStateRedirect: function($state) { return !$state.includes(parent_state_name); }, Not fully understand how it works though. :)

Another thing, it seems that I have use the dot notation for the deepStateRedirect to work, it won't work if I use the parent attribute instead of the dot notation.

[moosi]

I want to use this feature as well, but have the following situation:

1. Tab clicked first time -> go to default state "feed"
2. Tab clicked later on again -> dsr to the last active state
3. Tab clicked twice -> go to default state "feed"

When using the dsr object for the definition there is a property "default" to set a default state but how can I realise this using a dsr function for the definition?

[moosi]

I got it running by adapting the example of the homepage

deepStateRedirect: {
        default: { state: "foo.bar.baz.defaultSubState", params: { defaultStateParam1: "99" } },
        params: true,
        fn: function($dsr$) {
            var shouldRedirect = // TODO finish docs;
        }
}

In this example the current state was missing to be able to realise my use case (since $dsr$ only contains the "to" and "redirectTo" state). Then I noticed thats it's possible to simply inject the $state parameter:

deepStateRedirect: {
      default: { state: 'home.feed.list' },
      fn: function($state) {
        return $state.includes('home.feed.*') ? {state: 'home.feed.list'} : true;
      }
}

[bluegreenapple]

Hi, I did as mentioned with my tabbed app

$stateProvider.state({
sticky: true,
deepStateRedirect: function($state) { return !$state.includes(this.name); },

and it works so that I can go back from the sticky state substate (child) back to the stick state (parent), however, it introduces another bug. As soon as click on the sticky states' tab I get the following error:

RangeError: Maximum call stack size exceeded
at Object.extend (angular.js:455)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)
at $injector.invoke (ct-ui-router-extras.js:1662)(anonymous function) @ angular.js:12221(anonymous function) @ angular.js:9055Scope.$broadcast @ angular.js:16040transitionTo @ angular-ui-router.js:3229$state.transitionTo @ ct-ui-router-extras.js:208$state.transitionTo @ ct-ui-router-extras.js:1713$state.transitionTo @ ct-ui-router-extras.js:1191go @ angular-ui-router.js:3068(anonymous function) @ ct-ui-router-extras.js:312Scope.$broadcast @ angular.js:16038transitionTo @ angular-ui-router.js:3229$state.transitionTo @ ct-ui-router-extras.js:208$state.transitionTo @ ct-ui-router-extras.js:1713$state.transitionTo @ ct-ui-router-extras.js:1191go @ angular-ui-router.js:3068(anonymous function) @ ct-ui-router-extras.js:312Scope.$broadcast @ angular.js:16038transitionTo @ angular-ui-router.js:3229$state.transitionTo @ ct-ui-router-extras.js:208 ...

any thoughts on how to solve that?