首页 文章

ionic:从离子页导航到root(主页)

提问于
浏览
0

我正在做一个离子示例:简单的Notes应用程序,它允许用户添加注释和显示注释 . 当从离子页面导航回主页时,我收到此错误:
enter image description here

这是一个简单的应用程序:

NOte list

当从主页按ADD时,显示New Ionic页面 .

enter image description here

在用户键入 Headers 和内容后,按添加一个注释将添加到列表中,然后应用程序导航回主页 . 我所做的是: - 创建添加注释页面 . - 在add-note.ts中,我导航回主页,如下所示:

addNote(note: Note){
this.noteListService.addNote(note).then(ref => {
  this.navCtrl.setRoot('HomePage');
});

}

  • 在add-note.html我定义了这样的按钮:
    enter image description here

我确实试过这个.navCtrl.popToRoot()但它不起作用 .

谁知道原因?

2 回答

  • 0

    流程应该是这样的 . 应用程序启动并加载 HomePage 并显示为 root . 当您导航到另一个页面时,您会执行 this.navCtrl.push(otherPage) . 当你想回到root时你会做 this.navCtrl.pop()

    有关详细信息,请参阅Ionic NavController .

  • 0

    过了一会儿,我解决了这个问题: - 导入主页:

    从'../../pages/home/home'导入

    • setRoot(HomePage)而不是setRoot('HomePage'):

    this.navCtrl.setRoot(HomePage);

相关问题