>  기사  >  웹 프론트엔드  >  AngularJS 구문에 대한 자세한 설명_AngularJS

AngularJS 구문에 대한 자세한 설명_AngularJS

WBOY
WBOY원래의
2016-05-16 16:18:161296검색

템플릿과 데이터의 기본 동작 과정은 다음과 같습니다.

사용자가 애플리케이션 시작 페이지를 요청합니다
사용자의 브라우저는 서버에 대한 http 연결을 시작한 다음
템플릿이 포함된 index.html 페이지를 로드합니다. Angular는 페이지에 로드되고 페이지가 로드될 때까지 기다린 후 템플릿의 경계를 정의하는 데 사용되는 ng-app 지시문을 찾습니다.
Angular는 템플릿을 순회하여 지정된 바인딩 관계를 찾아 리스너 등록, 일부 DOM 작업 수행, 서버에서 초기화 데이터 가져오기 등 일련의 작업을 트리거합니다. 마지막으로 애플리케이션이 시작되고 템플릿이 DOM 보기로 변환됩니다.
사용자에게 표시해야 하는 다른 데이터를 로드하려면 서버에 연결하세요

텍스트 표시

하나는 {{greeting}}과 같은 {{}} 형식을 사용하고 두 번째는 ng-bind="greeting"

첫 번째 방법을 사용하세요. 렌더링되지 않은 페이지가 사용자에게 표시될 수 있습니다. 인덱스 페이지에는 두 번째 방법을 사용하는 것이 좋습니다.

양식 입력

코드 복사 코드는 다음과 같습니다.



<제목>양식