在 Angular中，路由是可以想像成原來的功能連結網址集合在一起，統一管理的集合模組，在之前的網站開發中，功能的連結，都是各寫各的，如果有要修改的話，就要一個一個的網頁都要修改。所以，在Angular，就集合到一個模組，而用<a>或是在程式中，都會用一個路徑名稱來表示一個功能的連結。

在Angular中，有一個獨立的模組，是來做載入和配置路由器專用的模組，而這個模組類別為「AppRoutingModule」，預計是在src/app目錄底下的app-routing.module.ts檔案中。

如果是在之前建立Angular專案時，在是否要建立Routing檔案，選擇「y」的話，就會自動建立。如果，沒有選到，也是可以在Dos命令列，切換到專案目錄中，再下指令來建立即可。

ng generate module app-routing –flat –module=app

上述命令，就是可以建立出app-routing.module.ts檔案。產生出的程式，如下所述：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

後續的文章，會建立幾個新的元件， 來組成一個比較好的系統架構。來整合之前所提到的Angular功能。