ng-app
Diretiva AngularJS
Exemplo
Deixe o elemento body se tornar o elemento raiz para o aplicativo AngularJS:
<body ng-app="">
<p>My first expression: {{ 5 + 5
}}</p>
</body>
Definição e uso
A ng-app
diretiva diz ao AngularJS que este é o elemento raiz do aplicativo AngularJS.
Todos os aplicativos AngularJS devem ter um elemento raiz.
Você só pode ter uma ng-app
diretiva em seu documento HTML. Se mais de uma ng-app
diretiva aparecer, a primeira aparição será usada.
Sintaxe
<element ng-app="modulename">
...
content inside the ng-app
root element can contain AngularJS code
...
</element>
Suportado por todos os elementos HTML.
Valores de parâmetro
Value | Description |
---|---|
modulename | Optional. Specifies the name of a module to load with the application |
Exemplo
Carregar um módulo para executar no aplicativo
<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>