개요
이 섹션에서는 AngularJS 초기화 프로세스와 필요할 때 AngularJS 초기화를 수정하는 방법에 대해 설명합니다.
Angularjs의 <cript> 태그
이 예는 "자동 초기화"라고하는 AngularJS를 통합하는 권장 방법을 보여줍니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html xmlns : ng = "http://angularjs.org"ng-app>
<body>
...
<script src = "angular.js"> <cript>
</body>
</html>
형식화
1. 페이지 하단의 위 코드에 스크립트 태그를 배치하십시오. 하단에 스크립트 태그를 넣으면 angular.js 스크립트의로드에 의해 HTML 로딩이 차단되지 않기 때문에 응용 프로그램로드 시간이 단축됩니다. http://code.angularjs.org에서 최신 버전을 얻을 수 있습니다. 사이트의 보안 위험을 드러내 므로이 URL을 코드에서 언급하지 마십시오. 그것이 실험적인 개발 일 경우, 우리 사이트와 연결하는 데 아무런 문제가 없습니다.
1) .angular- [버전] .js는 개발 및 디버깅에 적합한 읽기 가능한 버전입니다.
2) .angular- [버전] .min.js는 압축 및 난독 화 된 버전으로 성형 제품의 배포에 적합합니다.
2. NG-App 지시문을 응용 프로그램 태그의 루트 노드에 넣으십시오. AngularJS가 전체 <html> 프로그램을 자동으로 실행하려면 <html> 태그에 넣으십시오.
코드 사본은 다음과 같습니다.
<html ng-app>
3. 이전 버전의 명령 구문 : ng :, <html>에 xml-namespace를 작성하려면 angularjs가 정상적으로 작동하도록하려면 IE에서 정상적으로 작동하도록해야합니다. (이것은 몇 가지 역사적 이유로 이루어지며 NG : Syntax를 계속 사용하는 것이 좋습니다.)
코드 사본은 다음과 같습니다.
<html xmlns : ng = "http://angularjs.org">
자동 초기화
AngularJS는 DomContentLoaded 이벤트가 트리거되면 실행되며 NG-App 지시문을 사용하여 응용 프로그램 루트 범위를 찾습니다. NG-APP 지시문이 발견되면 AngularJS가 다음과 같습니다.
1. 명령 내용과 관련된로드 모듈.
2. 응용 프로그램의 "인젝터"를 만듭니다.
3. NG-APP 지시문 태그는 DOM을 컴파일하는 루트 노드입니다. 이를 통해 DOM의 일부만 AngularJS 응용 프로그램으로 지정할 수 있습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html ng-app = "optionalModulename">
<body>
추가 할 수 있습니다 : {{1+2}}.
<script src = "angular.js"> </script>
</body>
</html>
수동 초기화
초기화 프로세스를 제어하기 위해 이니셔티브를 취해야하는 경우 부팅 프로그램을 수동으로 실행하는 방법을 사용할 수 있습니다. 예를 들어, "스크립트 로더"를 사용하거나 AngularJS가 페이지를 컴파일하기 전에 일부 작업을 수행 해야하는 경우 사용합니다.
다음 예는 AngularJS를 수동으로 초기화하는 방법을 보여줍니다. 그 효과는 NG-APP 지침을 사용하는 것과 같습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html xmlns : ng = "http://angularjs.org">
<body>
안녕하세요 {{ 'world'}}!
<script src = "http://code.angularjs.org/angular.js"> </script>
<cript>
Angular.element (document) .ready (function () {
Angular.bootstrap (문서);
});
</스크립트>
</body>
</html>
코드가 따라야하는 몇 가지 주문은 다음과 같습니다.
1. 페이지와 모든 스크립트가로드 된 후 HTML 템플릿의 루트 노드 (일반적으로 문서의 루트 노드)를 찾으십시오.
2. API/Angular.BootStrap을 호출하여 템플릿을 실행 가능, 데이터 바인딩 애플리케이션으로 컴파일합니다.