AngularJS ng-app-instructie

AngularJS Referentie Handleiding

Definitie en gebruik

ng-app De instructie vertelt AngularJS dat dit het root-element van de AngularJS-applicatie is.

Alle AngularJS-applicaties moeten een root-element hebben.

Er kan maar één in een HTML-document voorkomen ng-app Indien meerdere ng-app Indien meerdere instructies voorkomen, wordt de eerste verschijnende instructie gebruikt.

Voorbeeld

Voorbeeld 1

Maak het body-element het wortel-element van de AngularJS-applicatie:

<body ng-app="">
<p>Mijn eerste expressie:{{ 5 + 5 }}</p>
</body>

Probeer het zelf uit

Voorbeeld 2

Laden van modules om in de applicatie te draaien:

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

Probeer het zelf uit

Syntaxis

<element ng-app="modulenaam">
...
  De inhoud binnen de wortselement van ng-app kan AngularJS-code bevatten
...
</element>

Ondersteund door alle HTML-elementen.

Parameters

Parameters Beschrijving
modulenaam Optioneel. Specificeer de naam van het module dat moet worden geladen met de applicatie.

AngularJS Referentie Handleiding