angular - 带 Angular 路由器的 Ionic 4 setRoot

Question

我正在将我的 Ionic 3 项目升级到最新的 Ionic 4，我在路由方面遇到了一些问题。在 Ionic 3 中，我像这样使用 setRoot:

handler: () => navCtrl.parent.parent.setRoot(HomePage, 'logout', {animate: true})

Ionic 4最新的navCtrl只有goBack、goForward和goRoot，不知道怎么用parent。我在 Angular 中找到了 ActivatedRoute，但我认为这不是正确的方法。我该怎么办？

Answer 1

一般来说，引用this awesome article on this matter by Josh Morony :

In Ionic 4 with Angular routing, there is no root page to be defined.

因为 Ionic 4 依赖于 Angular 的路由器，所以 NavController 已更改以反射(reflect)这一新现实，并且对于 Angular 应用程序，没有“根”路由这样的东西。您只需在路由之间转换，剩下的工作由框架完成。

一般来说，方法navigateRoot、navigateBackward 和navigateForward 只是用来指导Ionic 如何处理动画。因此，您可以在 Ionic 4 中使用 navigateRoot 来完成与在 Ionic 3 上使用 setRoot 相同的操作。

我强烈建议您阅读上述文章，其中涵盖了将路由从 Ionic 版本 3 迁移到版本 4 所需了解的很多内容。