angular路由传参和获取路由参数的方法

1.首先是需要导入的模块

import { Router } from "@angular/router";//路由传参用到

import{ActivatedRoute,Params} from  '@angular/router';//获取路由传参用到

2.第二步，注入服务

constructor( private activateInfo:ActivatedRoute
                   private router:Router  
            ) 

 

路由传参的方法

 

this.router.navigate(['/product/commodity/edit'], {
                queryParams: {
                  id: res.data,
                  type: 'clone'
                }
        })

 

获取路由传参的办法

constructor( private activateInfo:ActivatedRoute
                   private router:Router  
            ) {
　　　　activateInfo.queryParams.subscribe(queryParams => {
       let Id = queryParams.id;
       let type = queryParams.type;)}
 
}

这个要获取的路由参数如图

，

可以看出来  id和type字段是从url里拿到的参数