Ionic - Pano de fundo Javascript

o Ionic Backdropirá sobrepor o conteúdo da tela quando aplicado. Ele aparecerá abaixo de outras sobreposições (pop-up, carregamento, etc ...). Existem dois métodos que podem ser usados ​​para gerenciar o serviço de pano de fundo. o$ionicBackdrop.retain() aplicará o pano de fundo sobre os componentes e $ionicBackdrop.release() irá removê-lo.

Usando o pano de fundo

O exemplo a seguir mostra como usar o pano de fundo. Estamos adicionando$ionicBackdrop como uma dependência do controlador, criando então o $scope.showBackdrop() função que irá chamar o retain methodimediatamente. Então, após três segundos, ele chamará orelease method. Nós estamos usando$timeout para o método de liberação, então precisamos adicioná-lo como uma dependência do controlador também.

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

Você notará como a tela fica mais escura na imagem a seguir, já que o fundo é aplicado.