Geek Answers Handbook

Angular how to prevent FOUC

Am I using ng-cloak correctly? In a chrome div with help text blinks before hiding. If I add

style="display:none;"

to the anchor. I do not have such a flash. In my angular class, hideHelp defaults to true.

 <a href="#" class="btn btn-sm btn-info pull-right ng-cloak" ng-cloak ng-click="toggleHelp()">Help</a> <div ng-hide="hideHelp" ng-cloak class="ng-cloak" > blah blah blah help..... </div>
+7
javascript angularjs
source share
1 answer

If you are using ngCloak , you need to add certain styles to <head> (so that they work before loading AngularJS).

 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }

https://docs.angularjs.org/api/ng/directive/ngCloak

+9
source share

More articles:


All Articles