美文网首页
ionic中的参数传递

ionic中的参数传递

作者: Lem0nNat1on | 来源:发表于2016-08-12 11:09 被阅读1137次

几种比较常用的参数传递方式。

1、通过route传递

这种方法是在新建tabs类型的ionic项目中就使用到的。

在route中定义了,进入页面的路由接收参数

在界面中传递参数

或者在controller中使用代码传递参数

$state.go('game-detail',{gameId:gameId})

都可是实现从A界面向B界面传递一个字符串类型的数据,同样的方法:/xxxx:/xxxx:/xxx就可以实现向B界面传递多个字符串参数。

优点是代码简单,传递数据通过分享链接返回,数据不会丢失。

缺点是将数据放到url地址中,使得访问地址过长。若传递多个参数。在微信分享地址放回是可能导致重定向地址错误。

切忌使用这个方法传递对象,虽然可以实现,但是会有一个非常长的url地址。

2、通过$rootScope传递参数

这个更简单点,在A、B界面中注入$rootScope,在A界面使用$rootScope.data={xxx:xxx}||"xxxx".在B界面直接使用$rootScope.data

优点是使用便捷,高效快速,不止能传递字符串还能传递对象。在需要传递较大数据量时,挺好用的。

缺点是代码随意,不规范,到处都是全局变量不好维护,数据常驻内存占用空间。数据保存在本地通过分享链接返回数据丢失。

这个方法不止可以用来传递参数,活用于公共业务和公共模块的处理,也非常好用。

但是切忌过于依赖,这个技巧,不然把大量的代码写在run中,会影响项目的启动。

比如通用的loading,可以写在这里,只要项目启动了这两个模块就加载了。

然后再需要的地方$rootScope.$broadcast('loading:show');就可以了。同样的在这里定义$rootScope.fun = func(),也可在全局调用$rootScope.fun()

注意切忌把太多的业务放在这里,后期代码调整和业务修改,真的很悲催。

3、通过service传递和方法2差不多,就是需要多谢一下代码,优缺点也类似。但是比方法2更加的规范,符合angularjs的设计规范,

不在controller中处理业务,而是交由服务处理。就是A界面引用C服务的setData,B界面引用C服务的getData。

最好的方法,忘记说了,通过route传递一个key,然后需要服务端配合。通过这个key去获取整个对象数据,这样子,不管是分享回来没数据还是url过长,都可以决解

相关文章

  • ionic中的参数传递

    几种比较常用的参数传递方式。 1、通过route传递 这种方法是在新建tabs类型的ionic项目中就使用到的。 ...

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

  • ionic 使用imagepicker插件的getPicture

    当前ionic版本及环境: getPicture()方法里面可以传递一个options参数,options里有个q...

  • 数据结构与算法 javascript

    基础概念 javascript中,函数的参数传递方式都是按值传递,没有按引用传递的参数。但是javascript中...

  • 引用传递和值传递(转载)

    ABAP中FORM参数的传递有以下几种方式。1.引用传递(CALL BY REFERENCE)传递参数时将参数的地...

  • python参数

    python中参数传递有顺序传递,关键词传递,默认参数和不定长参数四种形式 顺序传递 顺序传递就是按照形参的顺序依...

  • go语言:函数参数传递详解

    参数传递是指在程序的传递过程中,实际参数就会将参数值传递给相应的形式参数,然后在函数中实现对数据处理和返回的过程。...

  • 错误使用TransmittableThreadLocal让Thr

    前言 ThreadLocal能够在单个线程中传递参数,使用可以用在系统参数的传递或者在链路跟踪中传递trace相关...

  • Go 语言函数 引用传递

    引用传递是指在调用函数时将实际参数的地址传递到函数中,那么在函数中对参数所进行的修改,将影响到实际参数。 引用传递...

  • Java中的传递是值传递

    Java中的参数类型 形式参数,即形参 实际参数,即实参 Java中的两种参数传递情况 值传递:指在进行函数方法调...

网友评论

      本文标题:ionic中的参数传递

      本文链接:https://www.haomeiwen.com/subject/tlassttx.html