Ionic — Javascript Backdrop

Ionic Backdrop наложит содержимое экрана при применении. Он появится ниже других наложений (всплывающее окно, загрузка и т. Д.). Есть два метода, которые можно использовать для управления фоновым сервисом. $ IonicBackdrop.retain () применяет фон к компонентам, а $ ionicBackdrop.release () удаляет его.

Использование фона

В следующем примере показано, как использовать фон. Мы добавляем $ ionicBackdrop в качестве зависимости к контроллеру, а затем создаем функцию $ scope.showBackdrop () , которая немедленно вызывает метод retain . Затем через три секунды он вызовет метод release . Мы используем $ timeout для метода release, поэтому нам нужно добавить его как зависимость контроллера.

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

Вы заметите, насколько темнее экран на следующем изображении, поскольку применяется фон.