Question

我的应用程序中只有一条路由，因此当应用程序启动时，由于某种原因我想将路由显示为http://localhost:4200/specialtyQ，因为现在应用程序未加载，我有以下代码来实现，如何显示正确的URL？ / p>

app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '/specialtyQs',
  component: AppComponent
}];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Answer 1

您需要添加一条默认路由进行重定向

const routes: Routes = [{
   path: 'specialtyQs',
   component: AppComponent
 },
 {
   path: '',
   redirectTo: 'specialtyQs',
   pathMatch: 'full'
 }];

这将重定向到特定的网址。

Answer 2

只需在代码中添加如下所示的路由路径，而不是添加路径即可。

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';


const routes: Routes = [{
  path: '',
  redirectTo: '/specialtyQs',
  pathMatch: 'full'
}];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

如何使用角度路由设置首页路由网址？

2 个答案: