1. 程式人生 > >Angular 4 路由時傳遞數據

Angular 4 路由時傳遞數據

-1 img 技術分享 路由 傳遞 lar sna 數據傳遞 dct

路由時傳遞數據的方式有

1. 在查詢參數中傳遞數據

2. 在路由路徑中傳遞參數

3. 在路由配置中傳遞參數

一.在查詢參數中傳遞數據

在前一節的基礎上,我們增加路由數據傳遞

技術分享

2. 接收參數的地方

技術分享

3. 顯示產品ID

技術分享

4. 效果圖

技術分享

二、路徑中傳遞參數

1. 修改路由配置

技術分享

2. 使用路徑調用

技術分享

3. 接收

技術分享

4. 效果圖

技術分享

三、參數快照和參數訂閱

snapshot參數快照

技術分享

參數訂閱 可以自己路由到自己 如product/1 路由到prodct/2

技術分享

Angular 4 路由時傳遞數據