Navigation in Ionic 2

Ionic Framework ionic-v3
1

Hi,
i am tring to navigate to another page, and on click the new page pops in bat the first page still exist on the view.
MY CODE:

import {Page, NavController} from 'ionic/ionic';
import {SignupPage} from '../signup/signup';
/*
  Generated class for the WelcomePage page.

  See http://ionicframework.com/docs/v2/components/#navigation for more info on
  Ionic pages and navigation.
*/
@Page({
  templateUrl: 'build/pages/welcome/welcome.html',
})
export class WelcomePage {
  constructor(nav: NavController) {
    this.nav = nav;
  }
    goToPage(){
        this.nav.push(SignupPage);
    };
}

i get on click tow page content + back button on the same page

2

Have you made sure that all of the imports are correct and are there any errors in the console?

3

yes, i get the import correctly:
from the welcome page:
import {SignupPage} from ‘…/signup/signup’;
and i get the signup page content on click, the problam is that the view keep welcome page and signup, so i can see both page content on my page
folder struc’:
pages
signup
signup.js
welcome
welcome.js

4

strange, in chrome emulating Android, it works 100%, on ios it dosent work at all,
i tryed playing with config, still nothing:

config: {
      platforms: {
          mode: 'md',
         ios: {
           pageTransition: 'ios-transition'
         }
          android:{
            pageTransition:'md-transition'
         }
      }
    
  }
5

no errors on the console.
i am working on PC,
and chrome.
i can work with android emulateor => chrome,
bat if i chuse to emulate IOS on chrome it looks bad and not so functunal , as the Android

6

fixed!!
ereaiset it all and recreate the app => working 100%

1 Like