Slide navigation slides twice for every state navigation


#1

index.html

<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

templates/test.html

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

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

#2

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


#3

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.


#4

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.


#5

Any answers as to why it happens?


#6

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


#7

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


#8

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


Navigation transition occurs twice
#9

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