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)頁(yè)
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-09
Javascript中的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-11
Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字與其顏色
這篇文章主要介紹了Javascript點(diǎn)擊按鈕隨機(jī)改變數(shù)字和其字體的顏色,實(shí)現(xiàn)后的效果很不錯(cuò),具有一定的參考價(jià)值,有需要的可以參考借鑒,下面來一起看看。2016-09-09
JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片放大預(yù)覽效果,幫助大家更好的理解和制作JavaScript特效,感興趣的朋友可以了解下2020-11-11
layui 動(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

