<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS Training</title>
</head>
<body ng-controller="MainController as mainCtrl">
    <p ng-bind="mainCtrl.message"></p>
    <p>
        !! <span ng-bind="mainCtrl.anotherName"></span> !!
    </p>
    <script data-main="scripts/app" src="http://requirejs.org/docs/release/2.1.20/minified/require.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS Training</title>
</head>
<body ng-controller="MainController as mainCtrl" ng-cloak>
    <p ng-bind="mainCtrl.message"></p>
    <p>
        <span ng-bind="'!!'"></span> <span ng-bind="mainCtrl.anotherName"></span> <span ng-bind="'!!'"></span>
    </p>
    <script data-main="scripts/app" src="http://requirejs.org/docs/release/2.1.20/minified/require.js"></script>
</body>
</html>
Use ng-cloak to rid off the flash effect before compiling the data in the template.
Use ng-cloak to rid off the flash effect before compiling the data in the template.
