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里拿到的參數