Vitalii Vitalii - 1 year ago 87
AngularJS Question

Angular. Text rendered by angular is blinking when page loads

I have simple test page

<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/lib/angular/angular.js"></script>
<input type="text" ng-model="name" placeholder="Enter name">
<h1>Welcome {{name}}!</h1>

When page loads first time I see {{name}} on page

enter image description here

After a half of a second it disappears

enter image description here

that makes quite annoying effect of blinking. What am I missing and how can I avoid it?

Answer Source

You can use ngCloak to prevent this behavior.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download