AngularJS ng-include 지시

정의와 사용법

ng-include 지시는 외부 파일에서의 HTML을 포함합니다.

포함된 내용은 지정된 요소의 자식 노드로 포함됩니다.

ng-include 속성의 값은 또한 표현식이 될 수 있으며 파일 이름을 반환합니다.

기본적으로, 포함된 파일은 문서와 동일한 도메인에 위치해야 합니다.

예제

외부 파일에서 HTML을 포함하다

<div ng-include="'myFile.htm'"></div>

직접 시도해 보세요

문법

<element ng-include="filename" onload="expression" autoscroll="expression" ></element>

ng-include 지시어는 또한 요소로 사용될 수 있습니다:

<ng-include src="filename" onload="expression" autoscroll="expression" ></ng-include>

모든 HTML 요소가 지원됩니다.

파라미터

파라미터 설명
filename 파일 이름, 쌍따옴표로 감싸거나 파일 이름을 반환하는 표현식.
onload 선택 사항. 포함된 파일을 로드할 때 계산해야 할 표현식.
autoscroll 선택 사항. 포함된 부분이 특정 뷰에 스크롤되어야 하는지 여부를 허용해야 합니다.