WedX - журнал о программировании и компьютерных науках

Есть ли способ в angular для замораживания компонентов экрана при обработке запроса на сохранение ajax?

Я в основном сохраняю большие данные, тем временем я хочу отображать сообщение «Сохранение данных...» на экране, чтобы пользователь не мог получить доступ к любому другому экрану или любой кнопке на этом экране, пока сохранение не будет завершено. Альтернативный способ также может быть предложен


  • Что вы пробовали? Что ты гуглил? 30.05.2017
  • @inetphantom Я использовал для него плагин angular block ui, и он работает нормально. Но теперь проблема, с которой я столкнулся, заключается в том, что я хочу отображать gif вместе с текстом «Загрузка...». Ссылка на вышеуказанный вопрос: in-angular-blockui-plugin" title="отображать загрузку gif в плагине angular blockui"> stackoverflow.com/questions/44261819/ 30.05.2017

Ответы:


1

Это можно сделать с помощью перехватчика и оверлея. Наложение должно быть создано как прямой дочерний элемент тела и в следующем стиле.

#overlay{
   position : fixed;
   left : 100%;
   right : 100%;
   top : 100%;
   bottom : 100%;

   width : 100%;
   height : 100%;

   display : none;
}

#overlay.show{
  display : block;
  z-index : 500000;
}

Это наложение не отображается по умолчанию.

app.factory( 'Inteceptor', function($rootScope) {
 int count = 0;
 var overlay = angular.element( document.getElementById( '#overlay' ));
 return {
   request : function() { 
                 if( count == 0 ) {
                    overlay.addClass( 'show' );
                 }
                 count++;
   },
   requestError : function() {},
   reponse : function() {
                  count--; 
                  if( count == 0 ) { 
                         overlay.removeClass( 'show' ); 
                  }
   },
   responseError : function() {}
}});

И вот как вы нажимаете перехватчик в методе конфигурации.

$httpProvider.interceptors.push('Inteceptor');
30.05.2017
  • Братан, я использовал плагин, упомянутый в комментарии выше. Кстати, спасибо за ваше драгоценное время.... Можете ли вы помочь мне с проблемой, указанной в комментарии выше? 30.05.2017
  • В этом решении вы можете просто добавить gif в качестве дочернего элемента оверлея. 30.05.2017
  • Новые материалы

    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..

    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..

    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..


    Для любых предложений по сайту: [email protected]