AngularJS Loading

A very simple loading screen...

by rtcherry

HTML

<script src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<div class="loading" ng-hide="true">
    This is loading...
</div>
<div class="content ng-cloak">
    This is content...
</div>

CSS

.ng-cloak {
    display: none;
}

JavaScript

var testApp = angular.module('testApp', []);

angular.element(document).ready(function () {
    setTimeout(function() {
        angular.bootstrap(document, ['testApp']);
    }, 2500);
});