Angular+Ionic使用queryParams实现跳转页传值的方法


Posted in Javascript onSeptember 05, 2020

最近,在做电商项目,项目中需要实现:点击编辑按钮,跳转页面完成添加地址,修改地址功能。
使用到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+Ionic使用queryParams实现跳转页传值的文章就介绍到这了,更多相关Angular跳转页传值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JS写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 Javascript
在Javascript里访问SharePoint列表数据的实现方法
May 22 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
jQuery中after的两种用法实例
Jul 03 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 #Javascript
js实现可爱的气泡特效
Sep 05 #Javascript
js实现点击按钮随机生成背景颜色
Sep 05 #Javascript
javascript实现一款好看的秒表计时器
Sep 05 #Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 #Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
Sep 04 #Javascript
Vue中component标签解决项目组件化操作
Sep 04 #Javascript
You might like
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
JS返回iframe中frameBorder属性值的方法
2015/04/01 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
2016/08/15 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
JavaScript异步操作的几种常见处理方法实例总结
2020/05/11 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
antd中table展开行默认展示,且不需要前边的加号操作
2020/11/02 Javascript
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
Python三元运算实现方法
2015/01/12 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python list元素为tuple时的排序方法
2018/04/18 Python
python实现简易学生信息管理系统
2020/04/05 Python
Python如何用filter函数筛选数据
2020/03/05 Python
Django如何使用redis作为缓存
2020/05/21 Python
PyQt实现计数器的方法示例
2021/01/18 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
全球性的女装店:storets
2019/06/12 全球购物
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
New delete 与malloc free 的联系与区别
2013/02/04 面试题
杭州时比特电子有限公司SQL
2013/08/22 面试题
12.4全国法制宣传日活动总结
2014/11/01 职场文书
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏