angular+ionic开发的页面,当子页面需要从父组件带参进入又需要可以脱离父组件进入,怎么配置?
2017-10-21 20:19
477 查看
这个代码记录源于一个需求,例如:一个问卷页面,需要从H5的问卷列表点击进入,也需要可以单独从Banner点击直接进入问卷页面
在原生安卓和IOS跳H5页面的时候,需要往一个url传递参数跳转页面。
这时H5页面请求接口需要的参数来源于url。在一个APP里面需要一个页面既可以从H5的列表页面进入,又可单独从APP的指定地方配带参数的url进入该页面。
问题点:angular+ionic 开发的页面父组件到子组件用懒加载的方式带参跳转和直接从原生APP端配带参url跳转在子页面需要配置的子页面参数不一样
这是APP配参url,该页面需要配置的
这是父组件带参跳转需要的
为了统一我想的办法是取消使用懒加载。在当前页面拼出跳转url,在当前页面跳转
需要的知识
slice() 方法可从已有的数组中返回选定的元素。
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
stringObject 中第一个与 regexp 相匹配的子串的起始位置。
注释:如果没有找到任何匹配的子串,则返回 -1。
这是一种方法,后面找到了一种新的方法ionic懒加载也是可以实现的
详情参照:
http://blog.csdn.net/qq_34645412/article/details/78696135
并且建议用懒加载的push方法实现这个需求会简单很多
在原生安卓和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 | 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。 |
end | 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。 |
返回值
返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
定义和用法
search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
语法
stringObject.search(regexp)
参数 | 描述 |
---|---|
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方法实现这个需求会简单很多
相关文章推荐
- ionic2开发的仿外卖点餐系统(Ionic2+Angular2...包含CSS3飞入购物车效果和各种组件用法)
- 在web.config里面怎么设置FORMS验证:某几个页面可以匿名访问,其他页面都需要登录(转)
- Hybrid移动APP开发(一):Cordova+Ionic+Angularjs环境配置
- 本来从动态壁纸预览页面设置一个动态壁纸回到桌面便可以看到桌面动态壁纸,可以观察得到自己的动态壁纸是否设置成功了(必须知道设置是否成功的结构,因为还有一些操作需要完成)! 但是现在是要在自己的应用中进入
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。
- Angular2-除了自定义标签,你还可以这样配置组件的选择器
- 在web.config里面怎么设置FORMS验证:某几个页面可以匿名访问,其他页面都需要登录
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- Shiro整合SSH开发3:配置Shiro认证后页面地址跳转问题(和详述不配置需要注意的问题)
- iOS开发怎么判断当前页面是push方式进入还是present方式进入
- 在web.config里面怎么设置FORMS验证:某几个页面可以匿名访问,其他页面都需要登录
- ios中的开发一些小工具(就是一个写UIView的自定义组件的脱离环境,可以重新使用)解耦
- 业务gis 怎么让别的开发人员不需要懂gis就可以搞开发? (三)
- 如果网页内容需要支持多语言,你会怎么做?在设计和开发多语言网站时,有哪些问题你必须要考虑?
- 使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册
- 怎么强制一个UIViewController页面从竖屏进入横屏
- 使用HttpWebRequest和HttpWebResponse实现模拟登录需要登陆后才可以访问的页面
- 【Android游戏开发之七】(游戏开发中需要的样式)再次剖析游戏开发中对SurfaceView中添加组件方案!
- SQL Server 阻止了对组件 'Ad Hoc Distributed Queries' 的 STATEMENT'OpenRowset/OpenDatasource' 的访问,因为此组件已作为此服务器安全配置的一部分而被关闭。系统管理员可以通过使用 s