Я хочу показать загрузчик перед любым вызовом api, после получения ответа скрыть загрузчик. Он должен быть как общий, я попробовал инспектор, который не работает для меня.Как добавить загрузчика в угловое приложение
0
A
ответ
0
Вы можете использовать угловую нагрузку, он использует перехватчики, чтобы показывать панель загрузки, пока есть ожидающие запроса.
0
Создание загрузчика с помощью директивы. Добавьте родителя в элемент загрузчика.
loader.directive.js
app.directive('loaderDir', function(){
return{
restrict: 'AE',
scope:{},
template: 'loader template here.......',
}
})
index.html
<body>
<div loader-dir class="loader-holder" id="loader-holder"></div> //better make this as last child
</body>
styles.css
.loader-holder{
display: none;
}
.loader-show{
display: inline-block;
}
ajaxCall.service.js
function makeRequest(){
//when you are going to make request, show loader that means addClass `loader-show`
angular.element(document.getElementById('loader-holder')).addClass('loader-show');
$http.get(url).then(function success(response){
// on successful response, hide loader that means removeClass `loader-show`
angular.element(document.getElementById('loader-holder')).removeClass('loader-show');
})
}
Смежные вопросы
- 1. Как добавить угловое приложение с api url
- 2. Добавить угловое приложение в уже существующее приложение и данные передачи
- 3. Кто-нибудь знает, как добавить карты Google в угловое приложение?
- 4. Как добавить скрипт Google Analytics в угловое приложение js?
- 5. Как добавить динамические директивы в мое угловое приложение на лету?
- 6. Приложение для Android-загрузчика
- 7. Как защитить мое угловое приложение?
- 8. Как «опубликовать» угловое приложение 2
- 9. Угловое приложение, проиндексированное Google
- 10. Добавить угловое-трикс в приложение для угловой стрелы
- 11. Минимизировать Угловое приложение при развертывании
- 12. Развернуть Угловое приложение в Wildfly
- 13. Сплит/упаковка Угловое приложение
- 14. хостинг Угловое 2 приложение
- 15. Угловое 2 Quickstart приложение
- 16. Угловое безымянное ng-приложение
- 17. Угловое приложение с кармой
- 18. Угловое приложение JS в представлении
- 19. Защитное угловое приложение
- 20. Перезагрузка/перезагрузка Угловое приложение
- 21. Угловое приложение с Java
- 22. Угловое приложение без маршрутов
- 23. Включить угловое приложение в приложение jQuery
- 24. Добавить индикатор выполнения для загрузчика
- 25. Как передать переменную GET в угловое приложение
- 26. AngularJS: Как вложить приложения в угловое приложение
- 27. Как импортировать socket.io-клиент в угловое приложение?
- 28. Как сделать небольшое угловое приложение в Chrome?
- 29. Гнездо/Угловое приложение
- 30. Опубликовать Угловое приложение 2
смотрите http://stackoverflow.com/questions/17144180/angularjs-loading-screen-on-ajax-request – Jigarb1992