AngularJS ng-controller지시문


예시

애플리케이션 변수를 처리할 컨트롤러를 추가합니다.

<div ng-app="myApp" ng-controller="myCtrl">

Full Name: {{firstName + " " + lastName}}

</div>

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

정의 및 사용

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

컨트롤러에서 코드를 작성하고 객체의 일부가 될 함수와 변수를 현재 HTML 요소 내에서 사용할 수 있도록 만들 수 있습니다. AngularJS에서 이 객체를 범위라고 합니다.


통사론

<element ng-controller="expression"></element>

모든 HTML 요소에서 지원됩니다.


매개변수 값

Value Description
expression The name of the controller.