如何在 IONIC 3 中使用路由

我正在开发一个 Ionic 3 应用程序。现在我正在使用NavController用于路由和切换页面。

Ex : this.navCtrl.push(DetailsPage);

但我现在需要使用 Angular 路由。

我发现类似的question https://stackoverflow.com/questions/43225194/how-to-use-angular-4-router-in-an-ionic-3-project对于 Ionic 2，但这也适用于 Ionic 3 吗？

有人可以详细说明一下吗？

检查此链接以获取 NavController 的详细信息link https://ionicframework.com/docs/api/navigation/NavController/。您必须将其导入到当前的 ts 文件中，然后添加 =>

我们可以在 ionic 中使用两种导航方式

1) DeepLink http://blog.ionic.io/deeplinking-in-ionic-apps/

2）组件导航栈

DeepLink

深层链接导航的作用类似于网页导航，如下例所示，您必须使用 @ionicpage 注释才能使用深层链接导航

https://localhost:8000/#/HomePage/第二页 https://locallhost:8000/#/HomePage/SecondPage

组件导航

您必须将组件导入受尊重的 ts 文件中才能导航

共有三个关键字push、pop、setRoot。

1. setRoot

   Example:

   this.navCtrl.setRoot(主页);

   (or)

   this.navCtrl.setRoot("主页"); //DeepLink导航

   用于使组件成为根页面，换句话说，它创建一个空的导航堆栈，其中主页是根。

2. push

   Example:

   this.navCtrl.push(SecondPage);

   (or)

   this.navCtrl.push("第二页"); //DeepLink导航

   上面的示例具有 Push 关键字，其中导航堆栈在其堆栈内有一个组件，后跟主页。我的意思是，在主页组件之后，您将在导航堆栈中拥有第二页组件（主页/第二页）。

3. pop

   Example:

   this.navCtrl.pop();

   (or)

   this.navCtrl.pop(); //DeepLink导航

   假设您现在处于第二页，并且想要返回到上一页（即主页）。然后，只需使用上面的示例，它就会从导航堆栈中弹出一个组件，并只为您提供导航堆栈中的主页组件。