ionic中的$ionicPlatform.ready事件中的通用設(shè)置
前言
$ionicPlatform.ready事件是用于檢測(cè)當(dāng)前的平臺(tái)是否就緒的事件,相當(dāng)于基于document的deviceready事件, 在app中一些通用關(guān)于設(shè)備的設(shè)置必須在這個(gè)事件中處理, 為了代碼的可讀性,我們把設(shè)置功能封裝成一個(gè)方法, 只要在該事件中調(diào)用就行了。
關(guān)鍵代碼和說明
.factory('setCommon', [ '$ionicPlatform', '$location', '$timeout', '$cordovaToast', '$ionicNativeTransitions', function ($ionicPlatform, $location, $timeout, $cordovaToast, $ionicNativeTransitions) { return function () { // 初始條件聲明 var backButtonPressedOnceToExit = false; // 設(shè)置啟動(dòng)頁 navigator.splashscreen && navigator.splashscreen.hide && navigator.splashscreen.hide(); // 設(shè)置虛擬鍵盤和狀態(tài)欄 if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } if (window.StatusBar) { StatusBar.styleDefault(); // IOS overlay , Android not ionic.Platform.isIOS() ? StatusBar.overlaysWebView(true) : StatusBar.overlaysWebView(false); } // 設(shè)置物理硬件后退按鈕,只有安卓有效 $ionicPlatform.registerBackButtonAction(function (e) { e.preventDefault(); if (backButtonPressedOnceToExit) { ionic.Platform.exitApp(); } else { /* your-tab-path 如 : /tab/home */ if ($location.path() == "your-tab-path1" || $location.path() == "your-tab-path2") { backButtonPressedOnceToExit = true; $cordovaToast.showShortBottom('再按一次退出!'); $timeout(function () { backButtonPressedOnceToExit = false; }, 2000); } } }, 110); // 設(shè)置安卓物理硬件的普通后退 $ionicPlatform.onHardwareBackButton(function () { $ionicNativeTransitions.goBack(); }); }; }]);
以上所述是小編給大家介紹的ionic中的$ionicPlatform.ready事件中的通用設(shè)置,希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
javascript用DIV模擬彈出窗口_窗體滾動(dòng)跟隨
可滾動(dòng)跟隨彈出框效果代碼,非常實(shí)用的應(yīng)用于網(wǎng)絡(luò)廣告2008-09-09Javascript中的for in循環(huán)和hasOwnProperty結(jié)合使用
當(dāng)檢測(cè)某個(gè)對(duì)象是否擁有某個(gè)屬性時(shí),hasOwnProperty 是唯一可以完成這一任務(wù)的方法,在 for in 循環(huán)時(shí),建議增加 hasOwnProperty 進(jìn)行判斷,可以有效避免擴(kuò)展本地原型而引起的錯(cuò)誤2013-06-06利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果
本文將詳細(xì)介紹利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字與其顏色
這篇文章主要介紹了Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字和其字體的顏色,實(shí)現(xiàn)后的效果很不錯(cuò),具有一定的參考價(jià)值,有需要的可以參考借鑒,下面來一起看看。2016-09-09JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果,幫助大家更好的理解和制作JavaScript特效,感興趣的朋友可以了解下2020-11-11layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子
今天小編就為大家分享一篇layui 動(dòng)態(tài)設(shè)置checbox 選中狀態(tài)的例子,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09微信小程序如何修改本地緩存key中單個(gè)數(shù)據(jù)的詳解
這篇文章主要介紹了微信小程序如何修改本地緩存key中單個(gè)數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04