Animowane przejścia między trasami żelaznego routera z Meteorem

Question

Obecnie jedynymi rozwiązaniami, które znalazłem w animacji między trasami, są tylko zanikająca aktualna strona onBeforeAction i znikają na nowej stronie onAfterAction. Ale to po prostu kiepskie.

Chcę spróbować wykonać some really sleek transitions like these.

Uważam, że wymaga to jednoczesnego wyświetlania wielu stron na stronie, ale wydaje się, że wymaga to dużych zasobów i nawet nie wydaje się korzystać z routera.

Jakieś pomysły, w jaki sposób mogę to wdrożyć?

Answer 1

To pytanie wydaje się być rzetelne i nie ma jednoznacznego rozwiązania, a wiele odpowiedzi jest nieaktualnych lub przynajmniej nie dotyczy najnowszego żelaznego routera i Meteor 1.0.

Właśnie zrobił kilka poszukiwania wokół za najlepszą odpowiedź, a przynajmniej dziś wydaje się, że pakiety dla tego są:

https://github.com/percolatestudio/momentum-iron-router/ i https://github.com/ccorcos/meteor-transitioner/

Były nie został zaktualizowany w sposób trochę, ale ma dużo zobowiązań. Ten ostatni ma kilka zobowiązań, ale może być aktywnie pracował nad nim.

Jestem w toku próbować je więc jeśli dobrze pamiętam Sprawdzę widok.

Answer 2

używam takiego rozwiązania http://meteorpad.com/pad/5kii9SRbbnjiTHeQe

MeteorPad nie pozwala używać IronRouter, więc mój przykład nie używaj go. W IronRouter możesz użyć metody action() do ustawienia zmiennej sesji "currentPage" i zawsze renderuj szablon "transitioner". Coś takiego:

Router.map(function() { 
    this.route('home', { 
    path: '/', 
    action: function() { 
     Session.set('currentPage', 'home'); 
     this.render('transitioner'); 
    } 
    }); 

    this.route('about', { 
    action: function() { 
     Session.set('currentPage', 'about'); 
     this.render('transitioner'); 
    } 
    }); 
}); 

Używam do tego opakowania. Pomaga mi również definiować style i kierunki przejścia.

Należy zachować ostrożność przy subskrypcji/rezygnacji z subskrypcji, ponieważ poprzednia strona będzie reagować na zmiany subskrypcji, zanim zmiana zostanie ukończona!