Angular+Ionic利用queryParams如何实现页面跳转并传值
今天就跟大家聊聊有关Angular+Ionic利用queryParams如何实现页面跳转并传值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
使用到angular传参,简单做一总结:
1,发送界面ts
//编辑地址 EditorAddress(item) { console.log("选中的地址"); console.log(item); this.router.navigate(['/editor-address'], { queryParams: item }) }
2,接收界面ts
public personName:string="" public phone:string="" public areaInfo:string="" public detailedAddress:string="" public isDefault:number ngOnInit() { //编辑地址 this.activatedRoute.queryParams.subscribe((res) => { this.personName =res.personName, this.phone=res.phone, this.areaInfo=res.areaInfo, this.detailedAddress=res.detailedAddress, this.isDefault=res.isDefault//1 // }) }
3,效果
看完上述内容,你们对Angular+Ionic利用queryParams如何实现页面跳转并传值有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。