Angular initializes automatically upon DOMContentLoaded
event or when the angular.js script is downloaded to the browser and the document.readyState
is set to complete
. At this point AngularJS looks for the ng-app
directive which is the root of angular app compilation and tells about AngularJS part within DOM. When the ng-app
directive is found then Angular will:
- Load the module associated with the directive.
- Create the application injector.
- Compile the DOM starting from the ng-app root element. This process is called auto-bootstrapping.
<html>
<body ng-app="myApp">
<div ng-controller="Ctrl"> Hello {{msg}}!
</div>
<script src="lib/angular.js"></script>
<script>
var app = angular.module('myApp', []); app.controller('Ctrl', function ($scope) {
$scope.msg = 'World';
});
</script>
</body>
</html>