AngularJS ng-controller 지시어

정의와 사용법

ng-controller 지시어는 컨트롤러를 애플리케이션에 추가합니다.

컨트롤러에서는 코드를 작성하고 함수와 변수를 생성할 수 있으며, 이 함수와 변수는 객체의 일부로서 현재 HTML 요소에서 사용할 수 있습니다. AngularJS에서는 이 객체를 스코프(scope)라고 합니다.

예제

제어자를 추가하여 애플리케이션 변수를 처리하세요:

<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-controller="표현식</요소>

모든 HTML 요소가 지원됩니다.

파라미터