$location.path() and transition


#1

Hi there,

When I navigate using $location.path(’/xxx/xxx’); it jumps to another page.
How can i use slide animation while entering into a view.

Scenario :

I have tab navigation : Thats works smooth with slide-left-right-ios7
But while when I goes out of the tab navigation using location.path, found problem in retaining the slide animation.

Found couple of topics regarding that, but did’t see any answer
Thanks in advance for the help.

Anand


#2

if you use

<ion-nav-view animation="slide-left-right"><ion-view><ion-content></ion-content></ion-view></ion-nav-view>

around your ion-content, you should get a slide-right animation for all path/state changes and for history back a slide left animation.

Take a closer look at http://ionicframework.com/docs/api/directive/ionNavView/

Greets, bengtler


#3

Thanks for your quick reply.
Previously I have give animation to the body tag

  <body ng-app="xxxx" animation="slide-left-right-ios7">
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
  <ion-nav-back-button class="button-icon icon ion-chevron-left">
    Back
  </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view></ion-nav-view>
And nowI moved to `ion-nav-new` but unfortunately still the view comes abruptly. But now the `ion-nav-back-button` fades slowly if its present there.

Anyway i shall have a look again. If you found some alternative please do let me know.

Thanks