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 相关文章推荐
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
下雪了 javascript实现雪花飞舞
Aug 02 Javascript
JavaScript提高网站性能优化的建议(二)
Jul 24 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
Jul 09 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
vue-video-player视频播放器使用配置详解
Oct 23 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
基于jQuery试卷自动排版系统
2010/07/18 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
jQuery插件实现非常实用的tab栏切换功能【案例】
2019/02/18 jQuery
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
Python中functools模块的常用函数解析
2016/06/30 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
极简的HTML5模版
2015/07/09 HTML / CSS
意大利婴儿产品网上商店:Mukako
2018/10/14 全球购物
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
大学生求职简历的自我评价
2013/10/21 职场文书
医药个人求职信范文
2014/01/29 职场文书
四年级语文教学反思
2014/02/05 职场文书
第二课堂活动总结
2014/05/07 职场文书
舞蹈专业求职信
2014/06/13 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
2015年预备党员自我评价
2015/03/04 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
一个成功的互联网创业项目,必须满足这些要求
2019/08/23 职场文书
MongoDB数据库之添删改查
2022/04/26 MongoDB