當我們要實現路由嵌套的時候 我們需要使用子路由 首先看一下我們需要實現的最終結果
image.png
商品詳情信息組件(product)里面包含 商品描述組件以及 銷售員信息組件
我們想要實現這個效果必須使用子路由來完成。接下來我們一步一步實現子路由
1.首先我們使用ng g component 組件名稱 我們要生成兩個組件
- 接下來我們修改 路由配置文件 如下圖
image.png
3.接下來 我們需要修改 product組件模板 在其中加入 router-outlet 并添加了 兩個超鏈接
image.png
***********************特別注意****************************
上面的超鏈接里面的 routerLink內容的寫法 里面的特殊寫法的含義是 點擊超鏈接之后進入的是對應的子路由的組件