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操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
值得学习的bootstrap fileinput文件上传工具
Nov 08 Javascript
基于JSON数据格式详解
Aug 31 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 Javascript
js实现时间日期校验
May 26 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
ThinkPHP采用模块和操作分析
2011/04/18 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
php实现给二维数组中所有一维数组添加值的方法
2017/02/04 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
PHP实现的猴王算法(猴子选大王)示例
2018/04/30 PHP
php源码的安装方法和实例
2019/09/26 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
JS实现拼图游戏
2021/01/29 Javascript
vue移动端的左右滑动事件详解
2020/06/17 Javascript
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python使用gRPC传输协议教程
2018/10/16 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Form表单及django的form表单的补充
2019/07/25 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
python 安装移动复制第三方库操作
2020/07/13 Python
全球性的在线购物网站:Zapals
2017/03/22 全球购物
护理中职生求职信范文
2014/02/24 职场文书
小学六年级学生评语
2014/04/22 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
千手观音观后感
2015/06/03 职场文书
中秋晚会致辞
2015/07/31 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电