Instruction ng-app d'AngularJS

Manuel de référence AngularJS

Définition et utilisation

Instruction ng-app L'instruction indique à AngularJS que c'est l'élément racine de l'application AngularJS.

Toutes les applications AngularJS doivent avoir un élément racine.

Un seul dans un document HTML Instruction ng-app Si plusieurs Instruction ng-app Si plusieurs instructions sont trouvées, l'instruction apparue en premier sera utilisée.

Instance

Exemple 1

Faire du body l'élément racine de l'application AngularJS :

<body ng-app="">
<p>Mon premier expression : {{ 5 + 5 }}</p>
</body>

Essayer par vous-même

Exemple 2

Charger les modules pour exécuter dans l'application :

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

Essayer par vous-même

Syntaxe

<element ng-app="nomdumodule">
...
  Le contenu dans l'élément racine ng-app peut contenir du code AngularJS
...
</element>

Supporté par tous les éléments HTML.

Paramètres

Paramètres Description
nomdumodule Optionnel. Spécifiez le nom du module à charger avec l'application.

Manuel de référence AngularJS