angular4 页面传递参数

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:44   2638   0

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中会拼接传递的参数,待解决,如何不拼接传递参数。。。。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP