>[info]子路由的配置方式與路由配置一樣，區別在于子路由嵌套在父路由里面，子路由使用children聲明 ``` //路由配置 const routes: Routes = [ { path: 'parent', component: ParentComponent, data:{ parent:'parent', child:'child' }, children: [ //子路由配置,嵌套在父路由中，使用children聲明 { path: "child", component: ChildComponent } ] }, { path: '', //默認打開的路由 redirectTo: '', /*重定向*/ pathMatch: 'full' }, { path: '**', /*匹配任意URL,當匹配不到定義的路由時跳轉到404組件*/ component: PageNotFoundComponent } ]; ``` >[info]使用子路由 ``` //在父組件中添加路由出口即可 <a routerLink="child" routerLinkActive="router-link-active">跳轉到child組件</a> <router-outlet></router-outlet> ```