ionic3 页面数据交互 父传子,子传父

一、父传子

As we know 如果我们想把数据传递给下一个页面 很简单

            页面A:  跳转路由并发送数据

 页面A

             页面B: 接受来自页面A的数据


     页面B

二、子传父

可是如果我们想返回父页面并且传回数据,这咋办???(黑人问号脸)


页面A: 红圈细节  resolve('ok')执行之后 页面B 的 then()方法才能执行,当然 result的值就是'ok',同理reject()方法也是一样

页面A

页面B: 因为我们知道从A页面获取的'action'参数不是一般的参数 而是一个promise方法 所以我们可以直接赋值之后使用acion()方法进行传参,当然我们的then()是为了页面A接收到数据或者报错之后的处理

页面B


成功打印

Actions speak louder then words

三、总结

看到到这里,其实细心的童鞋也能发现 这其实就是个函数回传 完全可以不用promise,直接

A:  let action2=(msg)=>{console.log(dataFromB)}

       this.navCtrl.push("AddAddressPage",{''action':action2});

B:     this.action=this.navParams.get("action");

        let sonData='Im son data';

            this.action(sonData);

目的也是可以达成的

但是!

我们为了页面友好交互,也要考虑特殊情况,所以进行promise处理 以达到尽善尽美(pop)

over

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、let 和 constlet:变量声明, const:只读常量声明(声明的时候赋值)。 let 与 var 的...
    dadage456阅读 774评论 0 0
  • 本文转载自知乎 作者:季子乌 笔记版权归笔记作者所有 其中英文语句取自:英语流利说-懂你英语 ——————————...
    Danny_Edward阅读 43,955评论 4 38
  • 曾经爱过一个人好多年,久到觉得他就像这世界上另一个的自己,所有的习惯兴趣想法都了解到不能再了解。我们彼此感化,慢慢...
    小鲜女i阅读 287评论 0 1
  • 活在当下,就是持续做对他人有帮助的事 不解释,不评判
    阳光创客敖伟伟阅读 85评论 0 0
  • 写一下总结吧,至于为什么总结呐,是因为我感受到了自己的浅薄,而这浅薄令我羞愧不安。 工作上我虽有些成绩,但是抱怨大...
    叙理的猫阅读 123评论 0 0