Ionic - Sfondo Javascript

Il Ionic Backdropsi sovrapporrà al contenuto dello schermo quando applicato. Apparirà sotto altri overlay (popup, caricamento, ecc ...). Esistono due metodi che possono essere utilizzati per la gestione del servizio sfondo. Il$ionicBackdrop.retain() applicherà lo sfondo sui componenti e $ionicBackdrop.release() lo rimuoverà.

Utilizzando lo sfondo

L'esempio seguente mostra come utilizzare lo sfondo. Stiamo aggiungendo$ionicBackdrop come dipendenza dal controller, quindi creando il file $scope.showBackdrop() funzione che chiamerà il file retain methodsubito. Quindi, dopo tre secondi, chiamerà il filerelease method. Stiamo usando$timeout per il metodo di rilascio, quindi dobbiamo aggiungerlo anche come dipendenza del controller.

.controller('myCtrl', function($scope, $ionicBackdrop, $timeout) {
   $scope.showBackdrop = function() {
      $ionicBackdrop.retain();
		
      $timeout(function() {
         $ionicBackdrop.release();
      }, 3000);
   };
})

Noterai come lo schermo è più scuro nell'immagine seguente, poiché viene applicato lo sfondo.