Índice

Definir el alcance de AngularJS

El atributo ng-app permite especificar qué parte de la página HTML debe gestionar AngularJS.

<html ng-app="MiAplicacion">  
   ...  
</html>

La sintaxis anterior indica a AngularJS que debe gestionar toda la página HTML. El valor MiAplicacion del atributo ng-app indica qué aplicación debe cargarse.

Generalmente, el atributo ng-app se configura sobre un elemento raíz del DOM, por ejemplo la etiqueta html o body. Pero si una parte de la página es estática o bien está gestionada por otro framework, es preciso configurar el atributo ng-app sobre el elemento raíz de la zona que debe gestionar AngularJS.

<html>  
    <!-- Zona no gestionada par AngularJS -->  
    <div ng-app="MiAplicacion">  
           <!-- Zona gestionada por AngularJS -->  
    </div>  
</html>

En la página anterior, solamente el contenido del div se gestiona con AngularJS.