ionic：从离子页导航到root（主页）

Question

我正在做一个离子示例：简单的Notes应用程序，它允许用户添加注释和显示注释。从离子页面导航回主页时出现此错误：

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

当从主页按ADD时，会显示New Ionic页面。

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

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

}

• 在add-note.html中我定义了这样的按钮：

我确实尝试了这个.navCtrl.popToRoot（）但它不起作用。

有人知道原因吗？

Answer 1

流程应该是这样的。应用程序启动，HomePage已加载并显示为root。当您导航到另一个页面时，您执行this.navCtrl.push(otherPage)。如果您想返回根目录，请执行this.navCtrl.pop()

有关详细信息，请参阅Ionic NavController。

Answer 2

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

  

从＆＃39; ../../ pages / home / home＆＃39;

导入{HomePage}

• setRoot（HomePage）而不是setRoot（＆＃39; HomePage＆＃39;）：

  

this.navCtrl.setRoot（主页）;