使用通配符(*)来匹配所有不同的路由路径,并重定向到指定的组件或页面。
示例代码:
app.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { NotFoundComponent } from './not-found/not-found.component';
const routes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: '**', component: NotFoundComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes, { useHash: true })],
exports: [RouterModule]
})
export class AppRoutingModule { }
在这个示例中,我们定义了三个路由:空路由,指向“home”组件的“home”路由,以及通配符路由,会匹配所有其他路由并重定向到“NotFoundComponent”组件。
请注意,在RouterModule的forRoot()中使用useHash: true参数来启用基于哈希值的路由。