ng-appДиректива AngularJS


Пример

Пусть элемент body станет корневым элементом для приложения AngularJS:

<body ng-app="">

<p>My first expression: {{ 5 + 5 }}</p>

</body>

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

Директива ng-appсообщает AngularJS, что это корневой элемент приложения AngularJS.

Все приложения AngularJS должны иметь корневой элемент.

ng-appВ HTML-документе может быть только одна директива. ng-appЕсли появляется более одной директивы, будет использоваться первая из них.


Синтаксис

<element ng-app="modulename">
...
  content inside the ng-app root element can contain AngularJS code
...
</element>

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


Значения параметров

Value Description
modulename Optional. Specifies the name of a module to load with the application

Пример

Загрузите модуль для запуска в приложении

<div ng-app="myApp" ng-controller="myCtrl">
    {{ firstName + " " + lastName }}
</div>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
});
</script>