离子框架3，如何更换视图？如何Pop（）和Push（）

Question

  

我希望能够替换导航中的当前视图   叠加。

我正在设计一本书的版面，分为9部分。这些部件在每个部件的底部使用分页连接在一起，例如，上一个和下一个按钮。

页面的当前结构如下：我有1个主页面（概述），它使用this.navCtrl.push(PartXPage)链接到所有部分（我为所有9个部分创建了页面）。

每个页面也链接到下一页和上一页：

  

然而，问题出现了

当我读取part1，part2，part3等等时，后退按钮总是一次返回1个视图。因此，例如，如果我一直阅读第9部分中的第9部分，我想转到概述或主屏幕，我将不得不再次点击9次。

我想要做的是创建以下逻辑。当用户转到下一部分时，我们从视图中删除当前部分并推送下一部分，因此后退按钮始终返回到概览。

我正在寻找类似的东西（如果我在第1部分，下一个按钮就会出现）：

  go_to_part_2() {
    this.navCtrl.pop()  // to forget the current view
    this.navCtrl.push(Part2Page) // push a new view
  }

但是，此代码不起作用，this.navCtrl.pop().push()

也不起作用

Answer 1

您可以在导航栏中添加离子的自定义后退按钮，然后当用户点击后退按钮时，您可以将根页面设置为要向用户显示的任何内容

this.navCtrl.setRoot(PageName)