Example
Let the body element become the root element for the AngularJS application:
<body ng-app="">
<p>My first expression: {{ 5 + 5
}}</p>
</body>
Try it Yourself »
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.
Syntax
<element ng-app="modulename">
...
content inside the ng-app
root element can contain AngularJS code
...
</element>
Supported by all HTML elements.
Parameter Values
| Value | Description |
|---|---|
| modulename | Optional. Specifies the name of a module to load with the application |
Example
Load a module to run in the application
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " +
lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName =
"John";
$scope.lastName = "Doe";
});
</script>
Try it Yourself »