Ember.js yönlendirme, çıkışlar ve animasyon

Question

Yeni Ember.js yönlendirici ve çıkışlarını kullanan eyaletler arasında geçişi canlandırmak istiyorsanız, bir çıkışın önceki içeriği yok edileceği için şansınız kalmadı Onu canlandırma şansın olmadan önce. Yeni duruma geçmeden önce bir görünümü tamamen canlandırabileceğiniz durumlarda sorun olmaz. Sadece eski ve yeni görünümlerin sorunlu olduğu görünmesi gereken durumdur.

Hem önceki çıkış içeriğini hem de yeni olanı this commit'da eklemeye yarayan bazı işlevler gibi görünüyor, ancak nasıl kullanacağımı anlayamadığımdan emin değilim.

de açıkça "arada" animasyonlar (here ve here) temsil edebilir belirtmektedir modellemek için ekstra geçiş yolları/durumları kullanmayla ilgili bazı tartışmalar olmuş, ancak bu yaklaşımı maç için şu anda mümkün olup olmadığından emin değilim çıkışlı denetleyicileri ve görünümleri ile.

Bu, How *not* to destroy View when exiting a route in Ember.js'a benzer, ancak outlet yardımcı programını geçersiz kılmanın iyi bir çözüm olduğundan emin değilim.

Herhangi bir fikrin var mı?

Answer 1

Şunlara dikkat etmelisiniz: https://github.com/billysbilling/ember-animated-outlet.

Sonra Gidon şablonları yapabilirsiniz:

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

Answer 2

Şu anda animasyonları desteklemek için bazı görünümlerimdeki didInsertElement ve willDestroyElement geçersiz kıldım. didInsertElement hemen öğeyi gizler ve ardından görüntüyü canlandırır. willDestroyElement öğeyi klonlar ve görüntüyü dışarıdan canlandırır.

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

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

Şahsen ben sadece animasyonlar desteklemek için gereksiz ContainerViews benim çıkışları sarma başlamak istemiyoruz.