Slide navigation slides twice for every state navigation


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

Here is the ui-router

 .state('help', {
        url: "/help",
        templateUrl: "templates/help.html",
        controller: "HelpController"

Here is the test.html file


<ion-view title="test">
    <!-- test.html body -->

So when I navigate to templates/test.html from index.html the body of the test.html slides in twice from the left. Is this is a bug or am i missing any important piece of code?

This happens to any page that i navigate.

Android version : 4.2.2

Any answers for this? If this is an issue please fix it before tomorrow’s latest release.

First off, your state provider statements is wrong.

  .state('tab', {
    url: '/tab',
    templateUrl: 'templates/tabs.html',
    controller: 'GlobalCtrl'

when is if you were using the old ng-router. Give this a try and see if it resolves your issue.

Sorry! when I posted ctrl + k was not at all working. So in that frustration I might have pasted ngRouters code.

So here it is. I am facing this navigation problem. When I navigate to help (or any other link for example) I always see the transition happening twice. I mean the slide transition occurs twice. I had this problem in JQM also. But I solved it using event.stopImmediatePropagation. Is there any such work around here.

Any answers as to why it happens?

Want to put together a codepen or plnkr? I can load it on an actual android device and test this myself

Yup sure. Just a minute. Thanks for your time.

Here it is codePen. And the template files like help.html is same as I have listed in this question itself.

I have edited url and states badly please dont care for that. They are perfect in my app.