Instrukcja ng-app AngularJS

Podręcznik AngularJS

Definicja i użycie

ng-app Instrukcja informuje AngularJS, że to jest korzeń aplikacji AngularJS.

Wszystkie aplikacje AngularJS muszą mieć jeden element korzeń.

W dokumencie HTML może być tylko jedna ng-app Jeśli występuje wiele ng-app Jeśli występuje wiele instrukcji, zostanie użyta pierwsza pojawiająca się instrukcja.

Przykład

Przykład 1

Najpierw element body jako korzeń aplikacji AngularJS:

<body ng-app="">
<p>Moje pierwsze wyrażenie:{{ 5 + 5 }}</p>
</body>

Spróbuj sam

Przykład 2

Ładuj moduły do uruchomienia w aplikacji:

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

Spróbuj sam

Gramatyka

<element ng-app="modulename">
...
  Zawartość elementu korzenia ng-app może zawierać kod AngularJS
...
</element>

Obsługiwane przez wszystkie elementy HTML.

Parametry

Parametry Opis
modulename Opcjonalnie. Określ nazwę modułu, który ma być załadowany z aplikacją.

Podręcznik AngularJS