ANGULARJS/template
angularJS 내용만 가져오는 Include 사용법
JDK's blog
2016. 6. 30. 09:58
안녕하세요.
이번에는 include사용방법을 알려드리겠습니다.
간단하게는 include_content.html을 가져오는 소스코드입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14 |
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- 라우팅과 angularJS기본파일입니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
before
<!-- 단순히 내용만 가져옵니다.(해당파일에는 배경색 스타일이 있지만 가져오지 못합니다.) -->
<div ng-include="'include_content.html'"></div>
</body>
</html>
|
cs |
include_content.html 입니다.
|
1
2
3 |
<body style="background-color:RED;font-size:15px;">
Adder
</body> |
cs |
결과는 before
Adder
로 출력이 됩니다.
이렇게 스타일이 존재하지만 스타일에 대해선 가져오지는 못하고, 내용만 가져오는 것을 확인할 수 있습니다.
감사합니다.