【问题标题】:Ionic2 - second navigation is not worrkingIonic2 - 第二个导航不起作用
【发布时间】:2016-12-07 17:20:25
【问题描述】:

大家好,我的 ionic2 导航有问题,

这是我的 login.ts

   export class LoginPage {
      public nav:NavController = null;

        static get parameters() {
        return [[NavController]];
      }


      constructor (nav:NavController, public navParams: NavParams,) 
      {  this.nav = nav;}
       goToHome() {
          this.nav.push(HomePage);
      }
        goToAna() { 
        this.nav.push(BlankPage); 
                  }
        }

goToHome() 运行良好,但 goToAna() 无法正常工作,当我单击具有 goToAna() 的按钮时,goToHome() 停止导航到主页...

【问题讨论】:

    标签: angular ionic2


    【解决方案1】:

    无需声明public nav: NavController = null,如果在构造函数中声明public,则可以在类中使用this.nav

    由于您无需其他方法即可在每个页面上执行此操作,我认为return NavController 将是不必要的。

    export class LoginPage {
    
      constructor (public nav:NavController, public navParams: NavParams) { }
    
      goToHome() {
          this.nav.push(HomePage);
      }
      goToAna() { 
         this.nav.push(BlankPage); 
      }
    } 
    

    如果使用时问题仍然存在,请编辑您的问题并添加相应的HTML文件。

    【讨论】:

    • 这并没有完全解决我的问题,但感谢您的建议,这对我有很大帮助。
    • 你现在有什么问题?
    • @Ivaro18 如何将参数传递给BlankPage 我试过this.nav.push(BlankPage, { categoryId: 101, } ); 但没有用!?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多