Angular. Text rendered by angular is blinking when page loads

Question

I have simple test page

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

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

After a half of a second it disappears

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

You could vanish this behavior via using `ngClock` directive or `ng-bind` directive, check out [this answer](http://stackoverflow.com/a/14076004/2435473) — Pankaj Parkar, Nov 23 '16 at 14:39
This has been asked and answered many times on this site. Search for ngCloak — jbrown, Nov 23 '16 at 14:40

score 2 · Accepted Answer · answered Nov 23 '16 at 14:40

2

You can use ngCloak to prevent this behavior.

answered Nov 23 '16 at 14:40

Angular. Text rendered by angular is blinking when page loads

1 Answers1