国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ionic 旅途-- 一起來填坑

qieangel2013 / 2818人閱讀

摘要：在中巧用解決跳轉到第三方平臺時不能回調的問題比如支付在開發中遇到不少的坑，絕大部分解決了但是在我們的中如果跳轉到第三方網站上時，那么問題來了此時我們的是不能監聽到你在其它網站上的事件的，所以當你想要回退到我們自己上時請緊握你的蛋小編在開發這

在ionic中巧用iframe解決跳轉到第三方平臺時不能回調的問題－比如支付

在ionic開發中遇到不少的坑，絕大部分解決了但是在我們的app中如果跳轉到第三方網站上時，那么問題來了．此時我們的app是不能監聽到你在其它網站上的事件的，所以當你想要回退到我們自己app上時,請緊握你的蛋,小編在開發這個模塊時就遇到了很大的麻煩想盡各種辦法還是不能解決,下面我就跟大家討論下我在ionic中遇到的問題:

在開發一款機票砍價的ionic app中用戶可以選擇去攜程訂票,這個時候問題來了因為我監聽了android的back的事件,而且這個事件是cordovaJS調用了原生的事件來進行處理的.代碼如下:

javascript$ionicPlatform.registerBackButtonAction(function (e) {
    e.preventDefault();
    ......
    ......
    return false;
}, 101);

但是當我跳轉到攜程的時候,這個監聽函數是不會起作用的,所以我就凌亂........,當用戶要返回到我的App時要不停的按手機的返回鍵,這個時候就相對于瀏覽器的后退一樣了,這個時候就會出現一個不好的表現了,回退的功能會把你瀏覽過的route全部重新訪問一邊之后才會退出我們的應用,如果沒有使用上面的registerBackButtonAction的話,這是在android上,至少是可以回退,但是在ios上呢?這個就會很逆天了,會被別人罵的要死......
2. 另一個問題是:用戶支付的時候,我們為了方便使用了網頁版的支付方式,同樣的問題同樣的味道,雖然可以自己寫cordva的插件.但是畢竟這個還是比較費時間的,如果小伙伴需要這樣的功能我推薦大家用這個: https://github.com/TongChia/cordova-plugin-pingpp

最后的最后實在是沒辦法了......
想到了用iframe現在才想到,唉~

不瞎扯分享下我的經驗:

首先使用$ionicModal創建一個彈出層可以覆蓋整個頁面,具體就看大家的業務需求了
在modal中加入如下的代碼:


    
        

            
        

        
支付寶

注意下我們需要配置ion-content的scroll="true" class="has-header no-padding" 和iframe的data-tap-disabled="true"
這里就是可以解決用戶不能操作iframe里面的東西

其中如果想要動態的改變iframe的src一定要用ng-src="{{vm.paySrc}}"但是這里就需要注意了,如果你的vm.paySrc是普通的鏈接是不能訪問的,因為Angularjs 中防止了用戶注入URL,所以解決辦法是使用 $sce.trustAsResourceUrl(URL)

vm.paySrc =  $sce.trustAsResourceUrl("http://www.baidu.com/"); //URL 為全鏈接（$sce.trustAsResourceUrl("http://" + url)）

最后就是添加css了:

.scroll-content > .scroll {
    height: 100%;
}
.scroll-content > .scroll > iframe {
    min-width: 100%;
    min-height: 100%;
}

好了基本上就是這樣了其它的細節大家去優化吧!這里是參考的資料:

https://github.com/driftyco/ionic/issues/1151

http://forum.ionicframework.com/t/fill-content-container/605

http://www.erpchn.com/diannao/43242.html

http://www.thinksaas.cn/group/topic/350702/

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85796.html

相關文章

  • IONIC 云端打包（在線編譯）

    摘要：為什么要在線打包本身是基于，的打包又依賴于等等。在編譯環境配置的道路上一路填坑屢戰屢敗之后，遂尋求其他出路。國內的跨平臺開發解決方案等都提供云端打包的服務，不用配置本地編譯環境，就了一下是否有提供云打包的服務。 為什么要在線打包 Ionic本身是基于Cordova，Cordova的app打包又依賴于XCODE、ANDROID SDK、Gradle、Maven等等。在Android編譯環...

    garfileo 評論0 收藏0

  • 從 Ionic1 遷移至 Ionic2 基本說明

    摘要：遷移概念是基于之上重寫的全新框架。從遷移雖然應用需要對其語法結構進行更新，但是開發人員仍然可以通過和這兩篇文章來積極的確保升級工作符合最佳的應用實踐。這可以很容易的讓一個的控制器遷移為一個的類。 遷移概念 Ionic 2 是基于 Angular 2 之上重寫的全新框架。所有你已知的關于的 Angular 的部分仍然存在，但是也有一些作為開發人員仍要了解的新的語法和結構性變化。關于 An...

    shevy 評論0 收藏0

  • ionic2實現透明狀態欄和透明工具欄

    摘要：抽時間寫了個，你想要的都在這里了。你可以狠狠的點擊下面的鏈接去往倉庫地址，一探究竟。你可以直接下來，直接運行。 ionic2實現透明狀態欄和透明工具欄 目錄 如何實現？ 集成DEMO（2017/4/1更新） 簡短的分析 一個額外的小栗子 我想讓狀態欄變色怎么辦？ 為什么這么做？ 總結 以下是我的方案，不繞彎子，直接上實現過程．首先貼效果圖，來張gif（2017/4/1更新）show...

    wenshi11019 評論0 收藏0

  • [11.11]匯總信息：VPS-BID/旅途云/智貿云/A400/Themebetter

    摘要：目前，旅途云公司研發以及運營云服務基礎設施服務平臺，面向全球客戶提供基于云計算的解決方案與客戶服務，擁有豐富的國內雙線高防香港等優質的資源。? 一年一度的雙十一電商大促已經開始，部分IDC商家也發布了自己的特別產品或者優惠方案，部落陸續收到一些商家郵件，部分是首次出現在這里，為了方便大家查閱，所以做個匯總信息，大部分信息源于商家自述，讀者請自行甄別，排名不分先后，以郵件順序，后續如有增...

    lidashuang 評論0 收藏0

  • 旅途云：四川雅安/宿遷高防vps,4核/4G/50G硬盤/10Mbps不限流量/100G防御/月付1

    摘要：點擊進入旅途云商家官方網站旅途云國內高防國內高防套餐虛擬架構，免費安裝系統，全部為不限流量套餐。旅途云怎么樣?今天收到一個叫旅途云的商家給本站投稿，商家在自述中介紹是成立于2007年的商家，不過站長查了一下他家的域名，去年注冊的，不知道這期間是否有更換過域名，旅途云商家主要銷售國內的VPS，主打高防，四川雅安和四川宿遷機房都帶100G的防護，配置給的也比較高，從目前看性價比還是不錯的，不過國...

    番茄西紅柿 評論0 收藏2637

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<