AngularJS Controllers

AngularJS 어플리케이션은 컨트롤러에 의해 제어됩니다.

NG 컨트롤러 지시어는 응용 프로그램 컨트롤러를 정의합니다.

컨트롤러는 것입니다 자바 스크립트 객체 는 표준 자바 스크립트에 의해 생성, 객체 생성자 .


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

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

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


설명 :

AngularJS 응용 프로그램은 ng-app="myApp" 로 정의됩니다 . 응용 프로그램은 <div> 내부에서 실행됩니다.

ng-controller="myCtrl" 속성은 AngularJS와 지시자이다. 그것은 컨트롤러를 정의합니다.

myCtrl의 기능은 자바 스크립트 기능입니다.

AngularJS는 $scope 객체로 컨트롤러를 호출 할 것 입니다.

AngularJS에서 $scope는 응용 프로그램 객체 (응용 프로그램 변수 및 함수의 소유자)입니다.

컨트롤러는 범위 ( firstName 및 lastName )에 두 개의 속성 (변수)을 만듭니다 .

ng-model 지시 컨트롤러 속성 (이름 및 성)에 입력 필드를 결합한다.