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 지시 컨트롤러 속성 (이름 및 성)에 입력 필드를 결합한다.
'IT > 앵귤러js' 카테고리의 다른 글
AngularJS Controllers - Controllers In External Files (0) | 2017.08.06 |
---|---|
AngularJS Controllers - Controller Methods (0) | 2017.08.06 |
AngularJS Directives(지시문) - Repeating HTML Elements(반복되는 HTML 요소) (0) | 2017.08.03 |
AngularJS Directives(지시문) - 데이터 바인딩 (0) | 2017.08.03 |
AngularJS Directives(지시문) (0) | 2017.08.03 |