angular 路由传值

angualr版本：

在路由传参时有三种方式：

 一：在查询参数中传递数据，例如：

传递：/product？id=1&name=aaa            => 接收：在路由的目标组件中 使用  ActivatedRoute.queryParams[id] 

传递过程：在app父组件的html中 传递过程：点击商品详情后观察url  第一种接收方式（不推荐） 第二种接收方式（推荐）

二：在路由路径中传递数据，例如：

{path:/product/:id}  => /product/1  =>  ActivatedRoute.params[id] 

在 routing.module 的路由配置中：

第一步：传递 第二步：传递修改 第三步：接收 url效果（对比第一种）

 三：在路由配置中传递数据，例如：

{path:/product,component:ProductComponent,data:[{isFinished:true}] }    => ActivatedRoute.data[0][isFinished]