概述
最近,在做电商项目,项目中需要实现:点击编辑按钮,跳转页面完成添加地址,修改地址功能。
使用到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实现跳转页传值的文章就介绍到这了,更多相关Angular跳转页传值内容请搜索靠谱客以前的文章或继续浏览下面的相关文章希望大家以后多多支持靠谱客!
最后
以上就是迷你手链为你收集整理的Angular+Ionic使用queryParams实现跳转页传值的方法的全部内容,希望文章能够帮你解决Angular+Ionic使用queryParams实现跳转页传值的方法所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复