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 相关文章推荐
javascript管中窥豹 形参与实参浅析
Dec 17 Javascript
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
彻底理解js面向对象之继承
Feb 04 Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
Jul 21 Javascript
基于vue实现微博三方登录流程解析
Nov 04 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
对Session和Cookie的区分与解释
2007/03/16 PHP
spl_autoload_register与autoload的区别详解
2013/06/03 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
Javascript(AJAX)解析XML的代码(兼容FIREFOX/IE)
2010/07/11 Javascript
jQuery 无限级菜单的简单实例
2014/02/21 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
Vue中使用canvas方法总结
2019/02/12 Javascript
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
python使用KNN算法手写体识别
2018/02/01 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
Python numpy 点数组去重的实例
2018/04/18 Python
python爬取网易云音乐评论
2018/11/16 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
Python hashlib模块加密过程解析
2019/11/05 Python
python 决策树算法的实现
2020/10/09 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
Traffic People官网:女式花裙、上衣和连身裤
2020/10/12 全球购物
物流专员岗位职责
2014/02/17 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
Python中使用subprocess库创建附加进程
2021/05/11 Python
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android