Direttiva ng-app di AngularJS

Manuale di riferimento AngularJS

Definizione e uso

ng-app La direttiva ng-app indica a AngularJS che questo è l'elemento radice dell'applicazione AngularJS.

Tutte le applicazioni AngularJS devono avere un elemento radice.

In un documento HTML può esserci solo una ng-app Se vengono utilizzate più ng-app Se vengono utilizzate più direttive, verrà utilizzata la prima direttiva incontrata.

Esempio

Esempio 1

Rendi l'elemento body l'elemento radice dell'applicazione AngularJS:

<body ng-app="">
<p>La mia prima espressione: {{ 5 + 5 }}</p>
</body>

Prova da solo

Esempio 2

Carica i moduli per eseguire l'applicazione:

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

Prova da solo

Sintassi

<element ng-app="modulename">
...
  Il contenuto all'interno dell'elemento radice ng-app può includere codice AngularJS
...
</element>

Supportato da tutti gli elementi HTML.

Parametri

Parametri Descrizione
modulename Opzionale. Specificare il nome del modulo da caricare con l'applicazione.

Manuale di riferimento AngularJS