离子从一页导航到另一页,无法正常工作

时间:2019-11-15 00:08:50

标签: html typescript ionic-framework routing navigation

我遇到以下问题。我创建了一个离子项目,并生成了主页和注册页面。 当我尝试从首页进行导航以进行注册时,当我单击“注册”按钮时,它将带我返回首页,而不是转到注册页面。我不知道自己在做什么错,我仔细阅读了发现的所有内容,看来我做得正确。我也尝试过使用href,但是仍然存在相同的问题。

这是我在首页html中生成的按钮:

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

以下是ts文件中的功能:

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

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

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

1 个答案:

答案 0 :(得分:1)

语法如下:

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

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

你在这里。