Ionic 4 Router 没有 navigate 和 navigateByUrl

Question

我正在 Ionic 4 中实现路由器，基本上只是想从一个页面导航到另一个页面。

我实现了如下代码：

import { Component } from '@angular/core';
import { NavController, LoadingController } from '@ionic/angular';
import { Route } from '@angular/router';

@Component({
  selector: 'app-secure2fa',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {
  introFlag; any = false;
  userName: String;
  loading: any;

  constructor(private route: Route)
  {

  }

  goRegister() {
    this.route.navigateByUrl('/secure-registration');
  }
}

安全注册页面是使用 Ionic CLI 命令创建的，因此它会自动添加到 app-routing.module，如下所示：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
  { path: 'location', loadChildren: './location/location.module#LocationPageModule' },
  { path: 'secure-registration', loadChildren: './secure-registration/secure-registration.module#SecureRegistrationPageModule' },
  { path: 'success-registration', loadChildren: './success-registration/success-registration.module#SuccessRegistrationPageModule' }
];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

我遇到的问题是找不到navigateByUrl 甚至navigate。错误如下：

Property 'navigateByUrl' does not exist on type 'Route'.

任何人都知道我是否遗漏了什么。我正在使用 Ionic 4。

谢谢。

Answer 1

您正在导入路由，您应该导入路由器。

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

并将其注入您的 class。

Ionic 4 Router 没有 navigate 和 navigateByUrl

Ionic 4 Router does not have navigate and navigateByUrl

router

typescript

angular-routing

ionic-framework

ionic4