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

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

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

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

2.第二步，注入服务

constructor( private activateInfo:ActivatedRoute
                   private router:Router  
            ) 

获取路由传参的办法

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

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

 

路由传参的方法

 

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