AngularJS ng-app 지시자

AngularJS 참조 가이드

정의와 사용법

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 선택 사항. 애플리케이션을 로드할 때 함께 로드할 모듈 이름을 지정합니다.

AngularJS 참조 가이드