Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to disable/change animation between views in ion-nav-view

I started an Ionic tabs project. With this project comes the default animation between views (which is from left to right when entering, and from right to left when going back). I would like to retain control on this - by specifying two type of view animations:

  • from bottom to up
  • no animation

So far I tried to disable the animation as follows, as was suggested on this Ionic Forum Topic but it did not change anything:

<ion-nav-view animation="no-animation"></ion-nav-view>

What is going on?

like image 427
JohnAndrews Avatar asked Mar 17 '15 11:03

JohnAndrews


1 Answers

angular.module('YOUR_APP_NAME_HERE').config(function($ionicConfigProvider) {
  $ionicConfigProvider.views.transition('none');
});

http://ionicframework.com/docs/api/provider/$ionicConfigProvider#views.transition

like image 139
Richard Sands Avatar answered Sep 19 '22 14:09

Richard Sands