Отображает и прячет фоновую область поверх 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.