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

发布时间：2020-12-17 07:05:28 所属栏目：安全来源：网络整理

导读：1.首先是需要导入的模块 import { Router } from " @angular/router " ; // 路由传参用到 import{ActivatedRoute,Params} from ‘ @angular/router ‘ ; // 获取路由传参用到 2.第二步，注入服务 constructor( private activateInfo:ActivatedRoute private

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‘
                }
        })

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!