How to show a loader untill on Js & CSS files loading using angularJs

Question

I want to show a loader untill all css, js files are loaded. I want to do this using angularJs. Can anyone give me solutions for this problem ? How can detect all js, css files loaded using angularjs ?

Thanks in advance

Do you want a loader which should work for every $http call

Pankaj Kumar
– Pankaj Kumar

2016-07-19 06:11:41 +00:00
Commented Jul 19, 2016 at 6:11 — Pankaj Kumar
– Pankaj Kumar, Commented Jul 19, 2016 at 6:11

Niklesh Raut · Accepted Answer · 2016-07-19 06:02:46Z

1

Display you loader image initially and hide here

$scope.$on('$viewContentLoaded', function() {
    //Code to hide loader
});

answered Jul 19, 2016 at 6:02

Niklesh Raut

34.9k17 gold badges82 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Md Nazmul Hossain Over a year ago

This code will work on controller, so we need to load the controller. But I want this on configuration. So I am trying with - $rootScope.$on('$viewContentLoaded', function() { console.log("ALl contents loaded") });

gcoreb · Accepted Answer · 2016-07-19 05:59:09Z

0

I would recommend using this plugin. Angular-loading bar will show a loading bar until everythnig loads.

answered Jul 19, 2016 at 5:59

gcoreb

1815 bronze badges

Comments

Md Nazmul Hossain · Accepted Answer · 2016-08-18 07:59:45Z

0

I have found a solution & it works for me.

angular.module().run(function(){
   angular.element(document).ready(function(){
       /* Loaders code will be here */
   })
})

answered Aug 18, 2016 at 7:59

Md Nazmul Hossain

2,9635 gold badges30 silver badges51 bronze badges

Collectives™ on Stack Overflow

How to show a loader untill on Js & CSS files loading using angularJs

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related