AngularJS `ng-app` Directive

Let the body element become the root element for the AngularJS application:

<body ng-app="">

<p>My first expression: {{ 5 + 5 }}</p>

</body>

Definition and Usage

The ng-app directive tells AngularJS that this is the root element of the AngularJS application.

All AngularJS applications must have a root element.

You can only have one ng-app directive in your HTML document. If more than one ng-app directive appears, the first appearance will be used.

<element ng-app="modulename">
...
content inside the ng-app root element can contain AngularJS code
...
</element>

Supported by all HTML elements.

Value	Description
modulename	Optional. Specifies the name of a module to load with the application

Load a module to run in the application

</div>

<script>

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});

</script>