Display Loading Icon or Loading Progress Bar using angularjs
Solution 1
if you dont want to implement it yourself, below are few links.
angular-spinner or angular-sham-spinner
also read this BLOG which details how the spinner works with angularjs
EDIT as per comments
app.directive("spinner", function(){
return: {
restrict: 'E',
scope: {enable:"="},
template: <div class="spinner" ng-show="enable"><img src="content/spinner.gif"></div>
}
});
i havent tested the code but directive wont be more complex than this...
Solution 2
View
<div ng-show="loader.loading">Loading</div>
Controller
$scope.loader.loading = true; // false
Add this also on top of your controller
$scope.loader = {
loading : false ,
};
Cathy
Updated on April 13, 2020Comments
-
Cathy about 4 years
How to display the loading Icon or loading Progress bar using angularjs. I mean something like this which used in jquery
$("body").addClass("loading");
,$("body").removeClass("loading");
, I saw some links for progress bar which is of like youtube loading bar but i don't want like that I want simple progress bar or loading iage or loading icon or loading bar which show bar moving from module to module, tabs to tabs. Is there any link or function which explain clearly how to use it.