1. 在定义路由时，为使用命名路由的组件添加路径和名称。

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: 'login', component: LoginComponent },
  { path: 'dashboard', component: DashboardComponent, children: [
    { path: '', redirectTo: 'overview', pathMatch: 'full' },
    { path: 'overview', component: OverviewComponent },
    { path: 'sales', component: SalesComponent },
    { path: 'orders', component: OrdersComponent }
  ]}
];

2. 在应用的 HTML 模板中，使用指令 router-outlet 和指令 routerLink 引用命名路由和组件。

  

  

    
  



Dashboard