AngularJS Controllers > 퍼블리싱강좌

퍼블리싱강좌

AngularJS Controllers 정보

AngularJS AngularJS Controllers

본문

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

댓글 0개

전체 283
퍼블리싱강좌 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT