Оверлей, который можно использовать для индикации действия во время блокировки действий пользователя.

Применение

angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function($scope, $ionicLoading) {
  $scope.show = function() {
    $ionicLoading.show({
      template: 'Loading...'
    });
  };
  $scope.hide = function(){
    $ionicLoading.hide();
  };
});

Методы

show(opts)

Отображает индикатор загрузки. Если индикатор уже отображается,
он настроит имеющиеся опции и продолжит отображать индикатор. Примечание: Пока эта
функция продолжает возвращать экземпляр $ionicLoading для обратной совместимости,
использовать ее не рекомендуется.

Параметр

Тип

Описание

opts

объект(object)

Опции для индикатора загрузки Доступные свойства:

  • {string=}template HTML-контент индикатора.
  • {string=}templateUrl Указатель URL шаблона HTML для загрузки в качетстве контента индикатора.
  • {object=}scope Объект scope, который будет дочерним. По умолчанию: создает дочерний объект $rootScope.
  • {boolean=}noBackdrop Определяет, скрывать фон или нет. По умолчанию он будет отображаться.
  • {boolean=}hideOnStateChange Определяет, скрывать или нет анимацию загрузки при переходе в новое состояние. По умолчанию "false".
  • {number=}delay Определяет, сколько миллисекунд составляет задержка отображения индикатора. По умолчанию задержки нет.
  • {number=}duration Определяет, сколько миллисекунд составляет период ожидания до того, как будет автоматически скрыт индикатор. По умолчанию индикатор будет отображаться до тех пор, пока не будет вызван метод.hide().

hide()

Скрывает индикатор загрузки, если он отображается.