亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

ionic3 頁面數據交互 父傳子,子傳父

標簽:
Html5

一、父传子

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



作者:凌风大师兄
链接:https://www.jianshu.com/p/5368a649e6bb


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消