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

목차

(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()

 

---

모듈은 AugularJS 애플리케이션에 대한 다양한 설정을 할 수 있는 요소

ng-app=""으로 설정한 태그를 AngularJS객체로 만들어 제어할 수 있다

<div ng-app="appName">
	...
</div>

<script>

var app = angular.module("appName",[]);

</script>

 

모듈을 통해 다음과 같은 것이 가능하다.

- controller 설정 : AngularJS 애플리케이션에서 사용할 다양한 데이터들을 정의

- 지시자 설정 : 제공되는 지시자 외에 새로운 지시자를 만들 때 사용한다

- 함수 정의

....

 

 

 

var app은 <div ng-app="test_app"> ... </div> 태그를 지칭한다.

angular.module() 첫번째 인자로 주어진 값을 이름으로 가진 태그를 찾아 해당 태그를 angular 객체로 만든다. 

이 객체는 angularjs가 가진 여러가지 기능들을 부여받는데 이 객체를 모듈이라 부른다.

 

 

모듈의 다양한 기능으로 여러가지 작업을 할 수 있다.

그 중 하나가 controller 함수의 기능이다.

controller 함수안에 사용하고자하는 변수를 정의하고 값을 세팅할 수 있다.