Angular+Ionic使用queryParams实现跳转页传值的方法
更新时间：2020年09月05日 10:45:58 作者：会做梦的辣条鱼
这篇文章主要介绍了Angular+Ionic使用queryParams实现跳转页传值的方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
最近，在做电商项目，项目中需要实现:点击编辑按钮,跳转页面完成添加地址，修改地址功能。
使用到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跳转页传值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Angularjs为ng-click事件传递参数的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
本文主要介绍了手动初始化Angular的模块与控制器的方法，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
这篇文章主要介绍了使用AngularJS处理单选框和复选框的方法,在AngularJS表单的基础之上编写起来非常简单,需要的朋友可以参考下2015-06-06
本篇文章主要介绍了AngularJs ui-router 路由的简单介绍。简单明了的说明了ngRoute和ui-router的区别和用法，有兴趣的可以了解一下2017-04-04
Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解
这篇文章主要给大家介绍了关于Angular5升级RxJS到5.5.3报错：EmptyError: no elements in sequence的解决方法，文中介绍了两个解决方法，大家可以选择使用，需要的朋友可以参考借鉴，下面来一起看看吧。2018-04-04
下面小编就为大家带来一篇浅谈angular懒加载的一些坑。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了浅谈Angular路由守卫,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
详解使用angularjs的ng-options时如何设置默认值(初始值)
本篇文章主要介绍了详解使用angularjs的ng-options时如何设置默认值(初始值)，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
这篇文章主要为大家详细介绍了angularjs实现Tab栏切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了Angular-Touch库用法,结合触屏滑动事件的实现为例分析了Angular-Touch库的相关使用技巧,需要的朋友可以参考下2016-12-12
最新评论