Prevent double curly brace notation from displaying momentarily before angular.js compiles/interpolates document

Question

It seems to be primarily an issue in IE when there are a number of images/scripts to load, there can be a good amount of time where the literal {{stringExpression}} in the markup are displayed, then disappear once angular is done with it's compilation/interpolation of the document.

Is there a common reason why this would happen which would indicate I'm doing something generally wrong, or is there a known way to prevent this?

Answer 1

To prevent double curly brace notation from displaying momentarily before angular.js compiles/interpolates document you can use:-

<span ng-bind="hello"></span> 

Instead of:-

{{hello}}.

Interested in getting into web development by learning Angular? Then check out the Angular Certification Training from Intellipaat, 24hrs online course with 48hrs for projects and exercises to gain proficiency in it.