在 Angular 8 中,路由出口(Router Outlet)的名称无法工作的问题通常是由于以下原因之一引起的:
const routes: Routes = [
{ path: 'home', component: HomeComponent, outlet: 'outletName' },
// 其他路由...
];
// app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
const routes: Routes = [
{ path: 'home', component: HomeComponent, outlet: 'outletName' },
// 其他路由...
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
// app.component.html
// home.component.html
Home Component
请确保以上代码中的路由出口名称(outletName)与模板中的名称一致。这样,当访问 /home 路由时,HomeComponent 将会显示在名为 outletName 的路由出口中。