angular+ionic开发的页面,当子页面需要从父组件带参进入又需要可以脱离父组件进入,怎么配置?
来源:互联网 发布:查自己淘宝的虚假交易 编辑:程序博客网 时间:2024/06/12 22:59
这个代码记录源于一个需求,例如:一个问卷页面,需要从H5的问卷列表点击进入,也需要可以单独从Banner点击直接进入问卷页面
在原生安卓和IOS跳H5页面的时候,需要往一个url传递参数跳转页面。
这时H5页面请求接口需要的参数来源于url。在一个APP里面需要一个页面既可以从H5的列表页面进入,又可单独从APP的指定地方配带参数的url进入该页面。
问题点:angular+ionic 开发的页面父组件到子组件用懒加载的方式带参跳转和直接从原生APP端配带参url跳转在子页面需要配置的子页面参数不一样
这是APP配参url,该页面需要配置的
@IonicPage({ name:'page-questionnaire', segment:'page-questionnaire/:userid/:strAccountNO/:strTypeID/:strDeviceID/:strAPPID'})
这是父组件带参跳转需要的@IonicPage({ name:'page-questionnaire', segment:'page-questionnaire})
为了统一我想的办法是取消使用懒加载。在当前页面拼出跳转url,在当前页面跳转
需要的知识
定义和用法
slice() 方法可从已有的数组中返回选定的元素。
语法
arrayObject.slice(start,end)
返回值
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
定义和用法
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
语法
stringObject.search(regexp)
该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。
注释:要执行忽略大小写的检索,请追加标志 i。
返回值
stringObject 中第一个与 regexp 相匹配的子串的起始位置。
注释:如果没有找到任何匹配的子串,则返回 -1。
public pushDetai(strTypeID){ // 获取当前url this.url=window.location.href; // 找到与目标页面相同的链接字符串位置 var count=this.url.search(/page-questionnaireList/); var gourl=this.url.slice(0,count);获取相同位置的子串。 gourl=gourl+"page-questionnaire/"+this.userid+"/"+this.strAccountNO+"/"+strTypeID+"/"+this.strDeviceID+"/"+this.strAPPID; window.location.href=gourl;}
这是一种方法,后面找到了一种新的方法ionic懒加载也是可以实现的
详情参照:
http://blog.csdn.net/qq_34645412/article/details/78696135
并且建议用懒加载的push方法实现这个需求会简单很多
- angular+ionic开发的页面,当子页面需要从父组件带参进入又需要可以脱离父组件进入,怎么配置?
- Vue-router 切换组件页面时进入进出动画
- angular--将需要参数的方法传入组件
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- 本来从动态壁纸预览页面设置一个动态壁纸回到桌面便可以看到桌面动态壁纸,可以观察得到自己的动态壁纸是否设置成功了(必须知道设置是否成功的结构,因为还有一些操作需要完成)! 但是现在是要在自己的应用中进入
- 简单的加载进入页面
- 从servlet发送http请求进入http页面的方法
- android如何从应用程序进入设置的各个页面
- android页面或组件动画(比如淡出、3D翻转、进入......进入和退出都有s)
- Angular ionic 日期组件 带点击前一天 后一天的功能
- 页面需要注意的
- 怎么强制一个UIViewController页面从竖屏进入横屏
- iOS开发--跳转进入AppStore评论页面
- 进入setting的组件应用程序信息
- iOS oc 筛选页面(从右到左进入页面)
- angular视频教程,需要的可以看看
- (学习java)顺序栈实现逆波兰表达式
- 计算字符中相邻位置相同字符的个数
- hdu5119(dp)
- 水池数目
- 数据分析(二)
- angular+ionic开发的页面,当子页面需要从父组件带参进入又需要可以脱离父组件进入,怎么配置?
- centos 7 安装 python 3 虚拟环境
- openresty图片上传
- Java学习:trim()函数、split()函数
- Java Web项目第二次总结
- 公网访问树莓派
- (学习java)链栈结构的简单实现
- Java多线程系列(七)—ReentrantLock源码分析
- CentOS本地yum源,实现本地局域网内下载