angular2路由传值

兄弟组件之间传值，多用在调用方法里面。

1.在传值组件component.ts的constructor函数里面先声明router：

constructor(

public router: Router,

) {}

在传值组件component.ts的点击函数里面写：

this. router. navigate([ '/content'],{ queryParams:{ 'uid' : "000", 'uname' : "aaa"}});

然后通过点击函数把值传过去，第一个是跳转的路由，第二个是传递的参数（多个）。

2.在接受参数的组件里面的constructor函数里面声明：

constructor(

private activeRoute: ActivatedRoute,

) { }

然后在ngOnInit函数里面获取传过来的参数：

uid;    

uname;

ngOnInit() {

扫描二维码关注公众号，回复： 4335135 查看本文章

    //两种方法

console. log( this. activeRoute. queryParams[ 'value']);//1

    //2

this. activeRoute. queryParams. subscribe( params =>{

this. uid = params[ 'uid'];

this. uname = params[ 'uname'];

console. log( this. uid) ;

console. log( this. uname);

})

uid和uname就是传过来的参数，根据需要获取即可！