AngularJS ng-app-ohje

AngularJS viittausoppikirja

Määrittely ja käyttö

ng-app Ohje kertoo AngularJS:lle, että tämä on AngularJS-sovelluksen juuri-elementti.

Kaikki AngularJS-sovellukset vaativat juuri-elementin.

HTML-dokumentissa voi olla vain yksi ng-app ohje. Jos ilmestyy useita ng-app Jos määritellään ohjeita, käytetään ensimmäistä ilmestyvää ohjetta.

Esimerkki

Esimerkki 1

Tee body-elementistä AngularJS-sovelluksen juuri-elementti:

<body ng-app="">
<p>Ensimmäinen lauseeni: {{ 5 + 5 }}</p>
</body>

Kokeile itse

Esimerkki 2

Lataa moduuli sovellukseen suorittamista varten:

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

Kokeile itse

Syntaksi

<element ng-app="modulename">
...
  ng-app juuri-elementin sisällä oleva sisältö voi sisältää AngularJS-koodia
...
</element>

Tuettu kaikilla HTML-elementeillä.

Parametrit

Parametrit Kuvaus
modulename Valinnainen. Määritä nimet, jotka haluat ladata sovellukseen.

AngularJS viittausoppikirja