路由守衛(wèi)的應(yīng)用場(chǎng)景 ：
image.png
路由守衛(wèi)的三種場(chǎng)景
image.png
1.我們來模擬這個(gè)場(chǎng)景 登錄成功之后才顯示相應(yīng)的product 詳情組件
首先我們創(chuàng)建一個(gè)登錄功能類來實(shí)現(xiàn) CanActivate方法 如下圖
image.png
2.接下來 我們修改路由配置文件 修改商品詳情組件的路由信息
image.png
3 同時(shí)修改路由配置文件 將我們之前定義的路由守衛(wèi) 生命在其中
image.png
- 我們?cè)诮⒁粋€(gè) 用戶要離開時(shí) 需要進(jìn)行的一個(gè)判斷
image.png
5.同時(shí)修改 路由配置表 也是修改上面兩個(gè)地方 如下圖
image.png
image.png
6.resolve 守衛(wèi)
image.png
image.png
image.png
同時(shí)我們需要修改路由配置 并修改上面的兩個(gè)地方
image.png
