离子从一个页面导航到另一页面，不起作用

Question

我遇到以下问题。我创建了一个离子项目并生成了一个主页和一个注册页面。 当我尝试从主页导航到注册时，当我单击注册按钮时，它会将我带回主页，而不是转到注册页面。我不知道我做错了什么，我基本上阅读了我发现的所有内容，似乎我做的一切都是正确的。我也尝试过使用 href，但仍然遇到同样的问题。

这是我在主页 html 中生成的按钮：

   <ion-button (click)="register()">Register</ion-button>

这是 ts 文件中的 Funktion：

      register() {
      this.navctrl.navigateForward(['register']);
      }

这是路由页面中自动生成的路径：

{ path: 'register', loadChildren: './register/.module#RegisterPageModule' },

Answer 1

语法如下：

import { Router } from '@angular/router';

...
constructor(private router: Router){}
 register() {
      this.router.navigate(['/register']);
      }

给你。

Answer 2

以防万一有人面临类似的问题。对我来说，当我导航到一个页面时，该页面显示在另一个页面的顶部。仅当您导航到的页面有错误时才会发生这种情况。

如何知道您正在导航的页面是否有错误？ 如果您正在为 Android 进行构建，您可以在 PC 上安装 android studio 并使用 logcat 功能来查看应用程序中的错误。或者只是在网络上运行并检查。