12.8 - 路由模块

• 将根模块中的路由配置抽象成一个单独的路由模块，称之为根路由模块，然后在根模块中引入根路由模块 ```typescript // src/app/app-routing.module.ts import { NgModule } from ‘@angular/core’; import { RouterModule, Routes } from ‘@angular/router’; import { AboutComponent } from ‘./pages/about/about.component’; import { HomeComponent } from ‘./pages/home/home.component’;

const routes: Routes = [ { path: “home”, component: HomeComponent }, { path: “about/:name”, component: AboutComponent }, ];

@NgModule({ // forRoot 第二个参数 { useHash: true } 浏览器中的 # imports: [RouterModule.forRoot(routes)], exports: [RouterModule] })

export class AppRoutingModule { }

```typescript
// src/app/app.module.ts
import { AppRoutingModule } from './app-routing.module';
@NgModule({
    // 声明当前模块依赖了哪些其他模块
    imports: [
        AppRoutingModule,
    ],
})