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

前端之家收集整理的这篇文章主要介绍了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‘
                }
        })

猜你在找的Angularjs相关文章