Je veux montrer un chargeur avant tout appel api, après avoir reçu la réponse cacher le chargeur.Il devrait être comme générique, j'ai essayé inspecteur qui ne fonctionne pas pour moi.Comment ajouter un chargeur dans l'application angulaire
0
A
Répondre
0
Vous pouvez utiliser la barre de chargement angulaire, elle utilise des intercepteurs pour afficher une barre de chargement tant qu'il y a des demandes en attente.
0
Créer chargeur avec la directive. Ajoutez un parent à l'élément loader.
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');
})
}
regardez http://stackoverflow.com/questions/17144180/angularjs-loading-screen-on-ajax-request – Jigarb1992