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);
   };
})

您會注意到以下影像中的螢幕顏色較暗,因為應用了後臺。

Ionic Backdrop
廣告

© . All rights reserved.