离子 - this.navctrl.push() 不工作

Posted

技术标签:

【中文标题】离子 - this.navctrl.push() 不工作【英文标题】:ionic - this.navctrl.push() NotWorking 【发布时间】:2019-03-12 06:48:15 【问题描述】:

我进行 API 调用,当响应成功时导航到另一个页面,如您所见。 Call 返回响应,但不推送到其他页面。

我的功能:

signup() 
  this.showLoader();
  this.authService.postData(this.userData, 'Regestier').then((result) => 
      this.responseData = result;
      console.log(this.responseData);

      localStorage.setItem('userData', this.responseData);
      this.navCtrl.push(DashboardPage);
      this.loading.dismiss();

    ,

    (err) => 
      // Error log
      this.loading.dismiss();

    );


【问题讨论】:

您可能想在设置项目之前JSON.stringify()localStorage.setItem('userData', JSON.stringify(this.responseData)); 我的问题“this.navCtrl.push(DashboardPage);”不起作用 是的,我的意思是。刚刚看到一个问题来强调它。与您的问题无关。 【参考方案1】:

你可以试试 setRoot。这样,新组件就是根,在您的情况下就是 DashboardPage。

this.navCtrl.setRoot(DashboardPage, , animate: true, direction: 'forward');

【讨论】:

以上是关于离子 - this.navctrl.push() 不工作的主要内容,如果未能解决你的问题,请参考以下文章

登录谷歌后,不会显示离子菜单

如何使用包含类名的变量来使用 navCtrl.push()?

当我按下屏幕离子 3 时菜单不起作用

ionic3中NavController类push setRoot相关问题解决

ionic2/3注册安卓返回

ionic3在首页与子页面同使用tabs