ng-appDirective AngularJS


Exemple

Laissez l'élément body devenir l'élément racine de l'application AngularJS :

<body ng-app="">

<p>My first expression: {{ 5 + 5 }}</p>

</body>

Définition et utilisation

La ng-appdirective indique à AngularJS qu'il s'agit de l'élément racine de l'application AngularJS.

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

Vous ne pouvez avoir qu'une seule ng-appdirective dans votre document HTML. Si plus d'une ng-appdirective apparaît, la première apparence sera utilisée.


Syntaxe

<element ng-app="modulename">
...
  content inside the ng-app root element can contain AngularJS code
...
</element>

Pris en charge par tous les éléments HTML.


Valeurs des paramètres

Value Description
modulename Optional. Specifies the name of a module to load with the application

Exemple

Charger un module à 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 = "John";
    $scope.lastName = "Doe";
});
</script>