Partial loading before the controller : Angularjs

Question

In my index.html I have a sidebar that needs to be displayed only for certain views and not for all. So this sidebar is inside index.html and below it is the ng-view div. Also a global controller is associated with the body tag.

<body ng-controller='init'>
<div class='sidebar' ng-show='sidedisplay'>
</div>
<div ng-view=''></div>
</body>

Inside my init controller by default I have : $scope.sidedisplay = false; console.log('Here');

Now when I run the project, the html loads and I see the sidebar and then after some 4-5 seconds i get here in the console log and the sidebar disappears. Why is the controller loading so much later than the HTML?? How can i rectify this?

imaginaryboy · Accepted Answer · 2014-04-14 04:54:20Z

1

You probably want to make use of ng-cloak.

answered Apr 14, 2014 at 4:54

imaginaryboy

5,9991 gold badge34 silver badges27 bronze badges

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

5 Comments

Bhumi Singhal Over a year ago

I still see the side bar. now for 1-2 seconds

Bhumi Singhal Over a year ago

I applied the ng-cloak to the body

imaginaryboy Over a year ago

You may need to include some additional detail.

imaginaryboy Over a year ago

Like the code of your controller perhaps? You might also want to look into why it takes 4-5 seconds before your controller is even initialized.

imaginaryboy Over a year ago

Did you also apply the CSS that is suggested in the ng-cloak documentation?

Collectives™ on Stack Overflow

Partial loading before the controller : Angularjs

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related