IT/앵귤러js

AngularJS Controllers

조원태 2017. 8. 6. 14:28
반응형

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 지시 컨트롤러 속성 (이름 및 성)에 입력 필드를 결합한다.

반응형