【问题标题】:Ionic navigate from one page to another, not working离子从一页导航到另一页,不起作用
【发布时间】:2020-03-11 02:23:36
【问题描述】:

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

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

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

这是 ts 文件中的函数:

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

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

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

【问题讨论】:

  • 使用“@angular/router”中的“Router”进行导航。以下是示例代码 - this.router.navigate(['/register']);
  • 您可以进一步了解Navcontroller和Router的区别forum.ionicframework.com/t/…

标签: html typescript ionic-framework routing navigation


【解决方案1】:

语法如下:

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

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

给你。

【讨论】:

    猜你喜欢
    • 2018-01-08
    • 1970-01-01
    • 1970-01-01
    • 2013-02-09
    • 1970-01-01
    • 2020-10-31
    • 1970-01-01
    • 2015-06-01
    • 1970-01-01
    相关资源
    最近更新 更多