본문 바로가기

AngularJS

07. 비즈니스 로직 처리를 위한 템플릿(컨트롤러 지시자)

1. 컨트롤러 지시자 

 - AngularJS는 템플릿의 특정 부분을 처리하는 자바스크립트 함수를 선언할 수 있다.

 - 데이터를 반복해서 출력하거나 조건에 따라 출력하는 코드는 모두 템플릿에 작성하면 된다. 하지만 데이터를 가공하거나 서버에 데이터를 저장하고 

서버로부터 데이터를 불러오는 등의 어플리케이션 로직에 해당하는 코드는 자바스크립트로 작성해야 한다. 그래서 템플릿의 특정 부분을 처리하는 자바

스크립트 함수 이름을 템플릿에 명시해야 한다. 

이러한 함수를 컨트롤러 함수라고 하고 ng-controller 지시자를 이용해 템플릿이 컨트롤러 함수를 참조할 수 있게 해준다.


◈ ng-controller 사용

<ANY ng-controller="표현식">

...

</ANY>

 - 여기서 표현식은 전역적으로 접근할 수 있는 자바스크립트 함수의 이름 또는 모듈로 등록된 컨트롤러 함수 이름 이거나 현재 scope에서 접근할 수 있는 

함수의 이름 이다.