Typescript Ionic 4路由器没有navigate和navigateByUrl

Typescript Ionic 4路由器没有navigate和navigateByUrl,typescript,ionic-framework,router,angular-routing,ionic4,Typescript,Ionic Framework,Router,Angular Routing,Ionic4,我在爱奥尼亚4中实现路由器,基本上只是想从一个页面导航到另一个页面 我实现了如下代码: import { Component } from '@angular/core'; import { NavController, LoadingController } from '@ionic/angular'; import { Route } from '@angular/router'; @Component({ selector: 'app-secure2fa', templateUr

我在爱奥尼亚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。错误如下:

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');
  }
}
类型“Route”上不存在属性“navigateByUrl”

有人知道我是否错过了什么。我用的是离子4


谢谢

您正在导入路由,您应该导入路由器

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

并将其注入到类中。

如果要导入路由,则应导入路由器

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

并将其注入到您的课堂中。

哦,我明白了。我认为路由器或路由只是我声明的名称约定。谢谢你。对不起,我犯了个愚蠢的错误,因为我对爱奥尼亚和Typescript/Angular还不熟悉。哦,我明白了。我认为路由器或路由只是我声明的名称约定。谢谢你。对不起,我犯了一个愚蠢的错误,因为我不熟悉爱奥尼亚和打字脚本/角度。