使用新Ionic导航(第4版)

Question

直到Ionic3，它与Angular.js紧密地结合在一起。因此，导航工作可能是由一些Angular.js功能完成的。我可能错了，因为我以前没有与Ionic或Angular.js合作。

Ionic4将与框架无关，使用Stencil.js编写，并使用Stencil.js编译器编译Web Components标准组件。

我想知道导航任务将如何处理，以及由谁来处理？Ionic4有路由功能吗？或者它没有，开发者的客户端路由器必须使用，特别是我想知道用例与Stencil.js，因为它也有一个路由器。例如，如何使用Ionic标记和样式选项卡式应用程序，以及使用Stencil.js进行路由？

Answer 1

Ionic现在将使用angular router。它将利用角度路由器-插座。对于选项卡式应用程序标记，每个选项卡将提供一个named router outlet。点击此处阅读更多信息：

离子/角度v4路由器

Answer 2

离子4现在将使用角路由方法，而不是默认的离子3(推送/pop)方法。必须阅读离子团队的迁移说明。

Answer 3

离子有一个用于简单导航的组件：https://ionicframework.com/docs/api/nav

但它的意思是简单的导航模式内，不影响浏览器的网址。

该导航是通过调用元素上的方法来控制的，因此在角度上，您必须使用@ViewChild，并且处理状态变得非常复杂，并且有很深的导航树。

对于大多数视图，您应该使用客户端路由器来利用代码分裂和延迟加载js包的优点。