AngularJS: How could I specify an alternate startup path with ui-router?

Question

Is it possible to define a startup path for ui-router that is different from $urlRouterProvider.otherwise(). Or is there maybe a trick to fool ui-router into navigating to a different path at startup?

I want a startup path and a fallback/otherwise path which is different from the startup path. Hence, the question. — Rahul Gupta
– Rahul Gupta, Commented Nov 4, 2015 at 3:54
Writing something like this in your module.config would make a trick. $urlRouterProvider.when('', '/dashboard'); — J-D
– J-D, Commented Nov 4, 2015 at 4:55

Phil · Accepted Answer · 2015-11-04 04:40:11Z

1

You can always use the callback method of otherwise() to choose the default path based on the current one, eg

$urlRouterProvider.otherwise(function($injector, $location) {
    return $location.path() === '/' ? '/startup' : '/fallback';
});

Otherwise, I'd just make a "home" or "root" state for the / URL and redirect elsewhere

$stateProvider.state('root', {
    url: '/',
    onEnter: function($state) {
        // this is so you don't interrupt the current state transition
        $state.transition.then(function() {
            return $state.go('startup-state');
        });
    }
});

edited Nov 4, 2015 at 4:40

answered Nov 4, 2015 at 4:27

Phil

166k25 gold badges265 silver badges269 bronze badges

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

2 Comments

Rahul Gupta Over a year ago

The problem is '/' is a legitimate path. If the user navigates to '/' at a later time they get redirected again. Also, I just cannot check against the startup path to redirect to the fallback because if the user refreshes then the previous path is again the startup path and intended destination is also the startup path.

Rahul Gupta Over a year ago

While your answer was not exactly what I was looking for it gave me the idea need to solve the problem. The code I ended up with looks like this: ``` let startup = true; $urlRouterProvider.otherwise(function($injector, $location) { if (startup) { startup = false; return '/startup'; } else { return '/fallback'; } }); ```

Collectives™ on Stack Overflow

AngularJS: How could I specify an alternate startup path with ui-router?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related