- Ionic 基礎教程
- Ionic - 首頁
- Ionic - 概述
- Ionic - 環境搭建
- Ionic CSS 元件
- Ionic - 顏色
- Ionic - 內容
- Ionic - 頁首
- Ionic - 頁尾
- Ionic - 按鈕
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表單
- Ionic - 開關
- Ionic - 複選框
- Ionic - 單選按鈕
- Ionic - 範圍選擇器
- Ionic - 選擇框
- Ionic - 標籤
- Ionic - 網格
- Ionic - 圖示
- Ionic - 內邊距
- Ionic Javascript 元件
- Ionic - JS 動作表單
- Ionic - JS 後臺
- Ionic - JS 內容
- Ionic - JS 表單
- Ionic - JS 事件
- Ionic - JS 頁首
- Ionic - JS 頁尾
- Ionic - JS 鍵盤
- Ionic - JS 列表
- Ionic - JS 載入
- Ionic - JS 模態框
- Ionic - JS 導航
- Ionic - JS 彈出框
- Ionic - JS 彈窗
- Ionic - JS 滾動
- Ionic - JS 側邊選單
- Ionic - JS 滑動盒
- Ionic - JS 標籤
- Ionic 高階概念
- Ionic - Cordova 整合
- Ionic - AdMob
- Ionic - 相機
- Ionic - Facebook
- Ionic - 應用內瀏覽器
- Ionic - 原生音訊
- Ionic - 地理位置
- Ionic - 媒體
- Ionic - 啟動畫面
- Ionic 有用資源
- Ionic - 快速指南
- Ionic - 有用資源
- Ionic - 討論
Ionic - Javascript 後臺
Ionic 後臺 應用時會覆蓋螢幕內容。它將顯示在其他覆蓋層(彈出視窗、載入等)下方。有兩種方法可以用於管理後臺服務。$ionicBackdrop.retain() 將在元件上應用後臺,而 $ionicBackdrop.release() 將將其移除。
使用後臺
以下示例顯示瞭如何使用後臺。我們將 $ionicBackdrop 作為依賴項新增到控制器中,然後建立 $scope.showBackdrop() 函式,該函式將立即呼叫 retain 方法。然後,三秒後,它將呼叫 release 方法。我們正在為 release 方法使用 $timeout,因此我們也需要將其新增為控制器依賴項。
.controller('myCtrl', function($scope, $ionicBackdrop, $timeout) {
$scope.showBackdrop = function() {
$ionicBackdrop.retain();
$timeout(function() {
$ionicBackdrop.release();
}, 3000);
};
})
您會注意到以下影像中的螢幕顏色較暗,因為應用了後臺。
廣告