Ember.js routing, outlets and animation -

it seems if want animate transition between states using new ember.js router , outlets, you're out of luck, since previous content of outlet destroyed before have chance animate it. in cases can animate 1 view out before transitioning new state, there's no problem. it's case both old , new views need visible that's problematic.

it looks of functionality needed animate both previous outlet content , new added in this commit, i'm not sure understand how use it.

there's been discussion using transitional routes/states explicitly model "in-between" states animations can represent (here , here), i'm not sure if it's possible match approach outletted controllers , views.

this similar how *not* destroy view when exiting route in ember.js, i'm not sure overriding outlet helper solution.

any ideas?

you should check out: https://github.com/billysbilling/ember-animated-outlet.

then can in handlebars templates:

{{animatedoutlet name="main"}} 

and transition within route this:

app.applicationroute = ember.route.extend({     showinvoice: function(invoice) {         this.transitiontoanimated('invoices.show', {main: 'slideleft'}, invoice);     } });