This still remains an issue since setting animations by class was suggested in this github issue. If animations by adding classes are not working then the fix suggested in that github issue won’t work.
I’m having the same issue, trying to have different animations for different pages.
I’ve tried the nested approach suggested on this thread, and alas it doesn’t work using animation=“no-animation” or ng-class=“no-animation”.
Any suggestions where to go on this one or should I open a GitHub request?
I’ve forked a codepen, and you will see that the page “Scientific Facts” has a nested approach and should have no animations, but most of the time it does.
OK So I thought I have kinda figured it out by simplifying the codepen by @mhartington to remove the menu setup.
Alas, while that aptly demonstrates how to have different animation schemes, it also demonstrates that several of the documented animations don’t apply. The ones that do are the slide-in-left/right variety and no-animation. The ones that don’t are fade in, reverse and slide-in-up.
Any suggestions on how to get slide-in-up working for ion-nav-view?
hey, your recommendation kinda worked for me but not in full. I’m having some issues with animation on Android 4.4.2 and iOS (emulator). Works fine in browsers and Android 4.4.4. Here’s what I have:
Is this some kind of obsolete? Because I’m not getting any animation. Not this way and not any other way…
And i tried many things found with google and in docs. I tried it through Ionic and through Angulas.js but failed in both.
I want the Tab pages to slide in from the bottom or the top when “opening” them and slide in the other direction when “closing” them (going back to the overview/“no tab”)
By the way: How to get this tab bar (ion-tabs w. ion-tab) at the bottom on android?
Unfortunately, this isn’t really an issue instead of the fact that I don’t get any animations on tab change.
But I do get animations on modal open/close and on navigating forth and backwards…
it doesn’t seem to have any effect, regardless what value I put in the animation attribute.
I tried this with the “tabs” starter app, and with the “sidemenu” starter app.
Could this be a bug? Not a show-stopper, just curious …
It looks like the animation attribute was removed? What is the current way to specify the ion-nav-view animations?
The intro part of a new app i’m building is a flat (solid-color) style interface that should do similar to the android transition (current view slides left offscreen, next view slides in from right), where-as we want the rest of the app to maintain platform specific animations.
I am not able to get fade-in-out transition as per your recommendation. Adding animation attribute to ion-nav-view apparently does nothing. Appreciate any help.