$ionicBackdrop

Отображает и прячет фоновую область поверх UI. Появляется позади всплывающих окон, индикаторов загрузки и других оверлеев (overlays).

Очень часто многие компоненты UI требуют наличия фоновой области, но за один раз в DOM бывает нужна только одна фоновая область.

Поэтому каждый компонент, требующий отображения фоновой области, вызывает
$ionicBackdrop.retain(), когда ему нужен фон, затем $ionicBackdrop.release(),когда фон становится не нужен.

Каждый раз, когда вызывается retain, фоновая область будет отображаться до тех пор, пока не будет вызван release.

Например, если retain вызывается три раза, фон будет отображаться, пока так же три раза не будет вызван release.

Примечание:
Сервис фона домашнего экрана будет распространять события backdrop.shown’ и ‘backdrop.hidden’ из корневой области видимости (root scope),
это удобно для оповещения нативных компонентов, содержащихся не в HTML.

Применение

function MyController($scope, $ionicBackdrop, $timeout, $rootScope) {
  //Show a backdrop for one second
  $scope.action = function() {
    $ionicBackdrop.retain();
    $timeout(function() {
      $ionicBackdrop.release();
    }, 1000);
  };

  // Execute action on backdrop disappearing
  $scope.$on('backdrop.hidden', function() {
    // Execute action
  });

  // Execute action on backdrop appearing
  $scope.$on('backdrop.shown', function() {
    // Execute action
  });

}

Methods

retain()

Retains the backdrop.

release()

Releases the backdrop.