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

 

목차

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

 

---

1. 템플릿 생성

새 HTML 파일 생성

UTF-8 인코딩, viewport 설정 및 angular 지시자 설정

 

 

2. 템플릿 설정

만들어진 템플릿을 복사해서 Pattern에 붙여넣기 후 OK

 

 

3. 템플릿 적용

적용 완료