它是用來(lái)實(shí)現(xiàn)SPA單頁(yè)面應(yīng)用的主要方法
路由表格-2.jpg
1.最簡(jiǎn)單的路由配置其中第焰，HomeComponent和ProuductComponent是組件名偿洁。
再根模塊添加屬性
未標(biāo)題-1.jpg
也可以在新建項(xiàng)目中使用命令
ng new router --routing
path下面配置的路由不能出現(xiàn)'/'
未標(biāo)題-3.jpg
2.模板上面的占位符 <router-outlet></router-outlet>
占位符
3.routerLink模板中的跳轉(zhuǎn)命令
必須在上面加上'/' 表示根路由荤西，參數(shù)是一個(gè)數(shù)組
占位符
4.通過(guò)ts腳本進(jìn)行頁(yè)面跳轉(zhuǎn)呛占。調(diào)取navigate方法
（click）事件綁定 注意constructor為他的構(gòu)造函數(shù)挪拟。需要在其中引入Router對(duì)象
未標(biāo)題-5.png
5.配置通用路由（防止未定義的路由引起頁(yè)面報(bào)錯(cuò)）使用通配符'**'
把他放在路由的最后面歧斟。不然其他頁(yè)面加載不上肴茄。
未標(biāo)題-6.png
