2023年11月25日。
寫了一陣子的angular 2 現在還是覺得更喜歡angular 1的版本。
1的版本更多的是整合，按照模組來區分，並沒有做更細的劃分，而2的版本中，在建立時模組元件時就已經有了很好的區分，每個模組單獨管理各自的元件，在元件中也是各自管理自己的樣式，效果。
在以往1的版本中，要整合路由是十分容易的，無論是一級或者二級路由都可以寫在乙個檔案中
基本的angular 2 入門在前面一篇裡面也有所提及
這裡就從建立專案開始：
第一步：建立乙個基於angular-cli的專案
ng new project-name //專案的名稱詳細可參考angular 2 文件高階教程中的》路由與導航，
第三步：建立一級模組，在專案中開啟命令視窗，輸入
ng g module my-new-module //模組名稱第四步：建立元件
ng g component my-new-component //元件名稱在user.module.ts中也會生成二級元件
第五步：書寫模組中的路由配置
仍然是寫在user.module.ts 中，在注入元件之後，寫入二級路由forchild，此處必不可少的是path的空白鏈結！！不然會報user的錯，相當於乙個父層的定向
二級路由則寫在對應的父層頁面上，我這裡就是寫在user.component.html中
基本的步驟就是這些，在長期使用angular 1之後，一直改不過來思維，但其實angular 2的版本更為清晰的告訴我們每個模組所管理的內容，更容易掌握。
ok
Angular2 指令 路由指令
routeroutlet的作用是在模板中開闢出一片區域，用於顯示url所對應的元件，angular將模板中使用了 標籤的元件統稱為路由元件 router outlet main routerlink接收乙個連線引數陣列，angular將根據該陣列來生成urltree例項進行跳轉。routerlink...
angular2中路由的定義
import from angular2 core import from amgular2 platform browser import from angular2 router import from components home home import from components ab...
Angular2 路由問題修復 求解
angular2 提供了比angular1 更為強大的路由功能，但是在具體使用路由過程中，可是出現了很多路由不按照預想的方式執行的問題。為了說明今天的問題，我特地新建了乙個測試工程。歡迎交流。首先介紹一下測試 的組織結構，其中包含兩個元件 button accordion。這個例子採用的是ng2 b...