Angularjs ng-include 지침
AngularJS 인스턴스
HTML 파일이 포함되어 있습니다.
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app = ""> <div ng-include = " 'myfile.htm'"> </div> </body> </html>
실행 결과 :
myfile.htm 파일 제목
이 텍스트는 포함 된 파일 MyFile.htm에서 나옵니다!
정의 및 사용법
NG-Include 지시문은 외부 HTML 파일을 포함하는 데 사용됩니다.
포함 된 내용은 지정된 요소의 자식으로 사용됩니다.
ng-include 속성의 값은 파일 이름을 반환하는 표현식 일 수 있습니다.
기본적으로 포함 된 파일은 동일한 도메인 이름에 포함되어야합니다.
문법
<요소 ng-include = "filename"onload = "expression"autoScroll = "expression"> </element>
ng-include 지시문은 요소로 사용됩니다.
<ng-include src = "filename"onload = "expression"autoScroll = "expression"> </ng-include>
모든 HTML 요소는이 지침을 지원합니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 파일 이름 | 파일 이름, 표현식을 사용하여 파일 이름을 반환 할 수 있습니다. |
| onload | 선택 사항, 파일이로드 된 후 실행 된 표현식이 실행됩니다. |
| 자동 스크롤 | 선택 사항, 포함 된 부분을 지정된 뷰에서 스크롤 할 수 있는지 여부. |
위의 것은 Angularjs ng-include 지침에 대한 지식에 대한 요약이며 나중에 보충 될 것입니다.