程式碼範例 Angular-SpringMVC-Integration

建立 Angular 專案及頁面元件

1. 透過 Angular CLI 建立專案 ng new SampleProject --routing
--routing 加入路由機制，會自動建立 app-routing.module.ts
2. 透過 Angular CLI 建立元件 ng g c pages/page1 --spec false 及 ng g c pages/page2 --spec false 在 pages 下建立兩個 Component
3. 修改 app-routing.module.ts 設定路由
4. 修改 app.component.html 加入路由連結 及 路由插座(?XD)
   [routerLinkActiveOptions]="{ exact: true }" 必須是根路徑才套用 active class
5. 修改 app.component.css 加入 active class，利於辨識路由運作
   
6. 透過 npm start 確認實際運作情形
   

References

• ROUTING & NAVIGATION
• 使用 Angular 2 Router 快速建構 SPA 網站
  • 投影片 https://www.slideshare.net/WillHuangTW/build-spa-website-with-angular-2-router