Инструкция AngularJS ng-app

Определение и использование

инструкцию ng-app инструкцию ng-app указывает AngularJS, что это корневой элемент приложения 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>

Попробуйте сами

Грамматика

<element ng-app="modulename">
...
  Содержимое корневого элемента ng-app может содержать код AngularJS
...
</element>

Поддерживается всеми элементами HTML.

Параметры

Параметры Описание
modulename Доступно. Укажите имена модулей, которые нужно загрузить вместе с приложением.