Instrução ng-app do AngularJS

Manual de Referência AngularJS

Definição e uso

ng-app A instrução diz ao AngularJS que este é o elemento raiz do aplicativo AngularJS.

Todos os aplicativos AngularJS devem ter um elemento raiz.

Apenas um documento HTML pode ter ng-app Se houver várias ng-app Se houver várias instruções, será usada a primeira que aparecer.

Instância

Exemplo 1

Tornar o elemento body no elemento raiz do aplicativo AngularJS:

<body ng-app="">
<p>Minha primeira expressão:{{ 5 + 5 }}</p>
</body>

Experimente você mesmo

Exemplo 2

Carregar módulos 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 = "Bill";
    $scope.lastName = "Gates";
});
</script>

Experimente você mesmo

Sintaxe

<element ng-app="modulename">
...
  O conteúdo dentro do elemento raiz ng-app pode conter código AngularJS
...
</element>

Suportado por todos os elementos HTML.

Parâmetros

Parâmetros Descrição
modulename Opcional. Especifique o nome do módulo a ser carregado com o aplicativo.

Manual de Referência AngularJS