Маршрутизация, выходы и анимация Ember.js

Кажется, что если вы хотите оживить переход между состояниями, используя новый маршрутизатор Ember.js и выходы, вам не повезло, так как предыдущий контент розетки будет уничтожен, прежде чем у вас будет возможность его оживить, В случаях, когда вы можете полностью оживить один вид до перехода в новое состояние, нет проблем. Это только тот случай, когда как старые, так и новые взгляды должны быть видны, что проблематично.

Похоже, что некоторые функции, необходимые для анимации как предыдущего содержимого, так и нового, были добавлены в this commit, Я не знаю, как это использовать.

Также обсуждалось использование дополнительных переходных маршрутов/состояний, чтобы явно моделировать "промежуточные" состояния, которые могут представлять анимации (здесь и здесь), но я не уверен, что в настоящее время можно сопоставить этот подход с выведенными контроллерами и представлениями.

Это похоже на How * not *, чтобы уничтожить View при выходе из маршрута в Ember.js, но я не уверен, что переопределение вспомогательного элемента outlet хорошее решение.

Любые идеи?

Ответы

{{animatedOutlet name="main"}}

App.ApplicationRoute = Ember.Route.extend({
    showInvoice: function(invoice) {
        this.transitionToAnimated('invoices.show', {main: 'slideLeft'}, invoice);
    }
});

didInsertElement: function ()
{
    this.$().slideUp(0);
    this.$().slideDown(250, "easeInOutQuad");
},

willDestroyElement: function ()
{
    var clone = this.$().clone();
    this.$().replaceWith(clone);
    clone.slideUp(250, "easeInOutQuad");
}