Οδηγία ng-app του AngularJS

Εκπαιδευτικό Υλικό Παραδείγματα AngularJS

Ορισμός και χρήση

ng-app Η οδηγία ng-app ενημερώνει το AngularJS ότι αυτό είναι το ρίζα στοιχείο της εφαρμογής.

Όλες οι εφαρμογές AngularJS πρέπει να έχουν ένα ρίζα στοιχείο.

Μόνο μια οδηγία μπορεί να υπάρχει στο HTML έγγραφο. ng-app Εάν υπάρχει πολλαπλές ng-app Αν υπάρχει πολλαπλές οδηγίες, θα χρησιμοποιηθεί η πρώτη εμφανιζόμενη οδηγία.

Παράδειγμα

Παράδειγμα 1

Καταστήστε το στοιχείο body ως ρίζα της εφαρμογής AngularJS:

<body ng-app="">
<p>Η πρώτη μου έκφραση:{{ 5 + 5 }}</p>
</body>

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Εγκατάσταση μονάδων για εκτέλεση στην εφαρμογή:

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

Δοκιμάστε το προσωπικά

Γλώσσα

<στοιχείο ng-app="modulename">
...
  Το περιεχόμενο του στοιχείου ng-app μπορεί να περιέχει κώδικα AngularJS
...
</στοιχείο>

Υποστηρίζεται από όλα τα στοιχεία HTML.

Παράμετροι

Παράμετροι Περιγραφή
modulename Επιλογή. Ορισμός του ονόματος του μονάδος που θα φορτωθεί με την εφαρμογή.

Εκπαιδευτικό Υλικό Παραδείγματα AngularJS