2013. 4. 10. 16:52
AngularJS/Concept
앵귤러의 시작 스텝에 대해서 알아보자
1) 자동 초기화
- <tag ng-app="name">
+ Angular는 DOMContentLoaded 이벤트가 발생하면 자동 초기화를 수행한다
+ 이때 Angular는 애플리케이션 root를 만들어주는 ng-app 지시자(Directive)를 찾는다
+ Angular는 Directive 와 관련한 Module을 로드한다
+ 애플리케이션 injector 를 생성한다
+ ng-app 지시자를 root로 해서 DOM을 Angular appliction으로 컴파일 해준다
- <!doctype html>
- <html ng-app="optionalModuleName">
- <body>
- I can add: {{ 1+2 }}.
- <script src="angular.js"></script>
- </body>
- </html>
2) 수동 초기화
- ng-app을 사용하지 않는다
- 모든 문서와 소스가 로딩된후 angular.bootstrap(RootDocument)를 컴파일 한다
- <!doctype html>
- <html xmlns:ng="http://angularjs.org">
- <body>
- Hello {{'World'}}!
- <script src="http://code.angularjs.org/angular.js"></script>
- <script>
- angular.element(document).ready(function() {
- angular.bootstrap(document);
- });
- </script>
- </body>
- </html>
<참조>
- 원문 : Developer Guide - Bootstrap
'AngularJS > Concept' 카테고리의 다른 글
| [AngularJS] 개발자 가이드 - 04. 개념 이해하기 (0) | 2013.04.10 |
|---|---|
| [AngularJS] 개발자 가이드 - 03. HTML 컴파일러 (0) | 2013.04.10 |
| [AngularJS] 개발자 가이드 - 01. 개요 (0) | 2013.04.10 |
| [Directive Driven] 사용자 정의 컴포넌트 만들기 (0) | 2013.04.09 |
| [SPA] Bootstrap과 Node.js 이용해 만들기 (1) (0) | 2013.01.24 |