Directiva ng-app de AngularJS

Manual de referencia AngularJS

Definición y uso

ng-app La directiva le dice a AngularJS que este es el elemento raíz de la aplicación AngularJS.

Todas las aplicaciones AngularJS deben tener un elemento raíz.

Sólo puede haber una en el documento HTML. ng-app Si hay múltiples ng-app Si hay múltiples directivas, se utilizará la primera que se encuentre.

Ejemplo

Ejemplo 1

Hacer que el elemento body sea el elemento raíz de la aplicación AngularJS:

<body ng-app="">
<p>Mi primera expresión:{{ 5 + 5 }}</p>
</body>

Prueba por tu cuenta

Ejemplo 2

Cargar módulos para ejecutar en la aplicación:

<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>

Prueba por tu cuenta

Sintaxis

<element ng-app="modulename">
...
  El contenido dentro del elemento raíz ng-app puede contener código AngularJS
...
</element>

Soportado por todos los elementos HTML.

Parámetros

Parámetros Descripción
modulename Opcional. Especificar el nombre del módulo que se debe cargar con la aplicación.

Manual de referencia AngularJS