[AngularJS] (7) Controller

목차

(1) 기본 웹 서비스 개발환경 구축

(2-1) 기본 예제

(2-2) AngularJS 템플릿 만들고 적용하기

(3) 표현식 | {{data}}

(4) 모듈 | angular.module("appName", [])

(5) 지시자 | angular.directive(), ng-app, ng-init, ng-repeat

(6) 모델 | ng-model, ng-show, valid, dirty, touched

(7) Controller

(8) scope 객체 | scope, rootScope

(9) 필터 | uppercase, lowercase, orderBy, currency, date, filter, json, limitTo, number

(10) 서비스 | location, get, timeout, interval, app.service()

 

---

AngularJS에서 데이터를 통제하기 위해 제공되는 개념이다.

app.controller("controller1", function($scope){
	$scope.data = 100;
    
    $scope.changeValue = function(){
    	$scope.data = 1;
    }
})

특정 tag 내에서 controller에 지정된 변수, 함수를 사용할 수 있다.

 

 

> 표현식 {{}}, ng-model 속성으로 사용

 

 

> 콜백함수 선언 후 ng-click으로 호출