美文网首页my ionic3
【技巧】ionic与原生安卓/ios交互

【技巧】ionic与原生安卓/ios交互

作者: 候鸟_ywh | 来源:发表于2018-05-29 00:06 被阅读37次

    前提:ionic做的web页面嵌套在原生框架的app里面(此文章仅讲解ionic部分,原生部分略...)

    分两种情况:
    1、原生提供方法 —给—》 web调用
    2、web提供方法 —给—》 原生回调

    以下是我的需求:


    image.png

    上图是在原生js里面的写法,那我们在ionic里面应该怎么处理呢?

    1、原生提供方法 —给—》 web调用
    ts

    declare let LmYunJs
    
    LmYunJs.getGeolocationXY()  // 在需要的地方根据文档直接这样调用
    

    2、web提供方法 —给—》 原生回调

      原生调用的是window下面的方法,所以我们要把ts里面的方法转成window下的先
    

    ts

    declare let appCallback_GeolocationXY
    
    
    constructor(){
      //先把方法定义成window下的
      window.appCallback_GeolocationXY = (jsonParam) => {
          alert("成功进入异步回调:appCallback_GeolocationXY()");
          if (typeof (jsonParam) == 'string') {
            jsonParam = JSON.parse(jsonParam);
          }
          alert("lng=" + jsonParam.lng);
          alert("lat=" + jsonParam.lat);
        }
        
    }
    
    

    这样就完成了!

    另外,如果你像检查方法是不是window下的你可以这样

    console.log(window.appCallback_GeolocationXY)
    

    相关文章

      网友评论

      本文标题:【技巧】ionic与原生安卓/ios交互

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