Sunday, June 4, 2017

Use this 'ng-cloak' to avoid the undesirable flicker effect caused by the html template display

What you are looking for is ng-cloak.
You have to add it like this:
<body class="{{ bodyClass }}" ng-cloak> 
Edit:
It is also advisable to put the snippet below into your CSS file, according to docs.
"For the best result, the angular.js script must be loaded in the head section of the html document; alternatively, the css rule above must be included in the external stylesheet of the application."
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }


@reference_1_stackoverflow
AngularJS strategy to prevent flash-of-unstyled-content for a class

@reference_2_angularjs.org
ngCloak - directive in module ng
 
* @reference_3_stackoverflow  
 AngularJS: How to prevent “code flash” in page while loading
 
 

No comments:

Post a Comment