angular4 页面传递参数

1. 一级页面

editMsg( id) {

let navigationExtras : NavigationExtras = {

queryParams: { 'id': id }

};

this.router. navigate([ '/x-service/cemetery-type-edit'], navigationExtras);

}

2. 二级页面

ngOnInit() {

// 获取参数方法一

this.editID = this.activatedRoute.snapshot.queryParams[ 'id'];

console. log( '传过来的id', this.editID);

// 获取参数方法二

this.activatedRoute.queryParams. subscribe( queryParams => {

let editID = queryParams.id;

})

}

ps 缺点：路由跳转时，会明文带着参数，即URL中会拼接传递的参数，待解决，如何不拼接传递参数。。。。