angular路由传参的三种方式

1.方法一：在查询参数中传递数据

使用

/product?id=1&name=2

这种方式在控制器中使用ActivatedRoute.queryPatams[id]来获取传递的参数。

2.方法二：在路由的路径中传递数据

使用

{ path: /product/:id}

这种方式在控制器中使用ActivatedRoute.params[id]来获取传递的参数。

3.方法三：在路由配置中传递数据

使用

{ path: /product, component: ProductComponent, data:[{isProd:true}] }

这种方式在控制器中使用ActivatedRoute.data[0][isProd]来获取传递的数据。