ng-cloak directive, which is similar to the directive ng-bind, hides the elements until the page has been resolved by the route.
The following code shows how to ng-cloak.
<!--from w w w . j ava 2s.c o m-->
<!doctype html>
<html ng-app="myApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"></script>
</head>
<body ng-init="greeting = 'Hello World'">
<p>{{ greeting }}</p>
<script>
angular.module('myApp', [])
</script>
</body>
</html>
The code above is rendered as follows: