CODEWITHSUNDEEP
ember.jsember-old-router
Jo Liss
Jo Liss

Reputation: 32945

Emberjs: Conditional redirect in router

Is there a way to have a conditional redirect in the Ember.js Router, without breaking internal consistency of the router?

Upvotes: 10

Views: 6038

Answers (3)

Hrishi
Hrishi

Reputation: 7138

The new router now includes a 

beforeModel

hook which you could over-ride to include conditional logic while transitioning to a route. The beforeModel hook will be called before the 

model

hook is called and it gets passed a 

transition

object. You can decide if you want to redirect to another route using 

transitionToRoute()

or you could abort the transition if you don't want to redirect by calling

transition.abort()

Upvotes: 3

hjdivad
hjdivad

Reputation: 388

Depending on what you're trying to do, you may be looking for conditional transitions. This is covered in another stackoverflow question, the TLDR of which is to check this fiddle.

Upvotes: 2

Mike Aski
Mike Aski

Reputation: 9236

What you could do (as of today), is something like that:

root: Ember.Route.extend({
    index: Ember.Route.extend({
        enter: function(router) {
            var logged = /* get from appropriated source... */;
            Ember.run.next(function() {
                if (logged) {
                    router.transitionTo('loggedIn');
                } else {
                    router.transitionTo('loggedOut');
                }
            });
        }
    }),

    loggedIn: Ember.Route.extend({
        // ...
    }),

    loggedOut: Ember.Route.extend({
        // ...
    })
})

Do not miss the Ember.run.next as while you are in enter, the state transition is always pending, so you have to transition after that.

We use it as shown for authent, but you could imagine using it for whatever condition you have to...

Upvotes: 23

Related Questions