Angular 4 路由时传递数据

时间:2023-11-09 17:31:53

路由时传递数据的方式有

1. 在查询参数中传递数据

2. 在路由路径中传递参数

3. 在路由配置中传递参数

一.在查询参数中传递数据

在前一节的基础上,我们增加路由数据传递

Angular 4 路由时传递数据

2. 接收参数的地方

Angular 4 路由时传递数据

3. 显示产品ID

Angular 4 路由时传递数据

4. 效果图

Angular 4 路由时传递数据

二、路径中传递参数

1. 修改路由配置

Angular 4 路由时传递数据

2. 使用路径调用

Angular 4 路由时传递数据

3. 接收

Angular 4 路由时传递数据

4. 效果图

Angular 4 路由时传递数据

三、参数快照和参数订阅

snapshot参数快照

Angular 4 路由时传递数据

参数订阅  可以自己路由到自己 如product/1 路由到prodct/2

Angular 4 路由时传递数据