336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번에는 내용만 바뀌는 템플릿 소스를 보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36 |
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- 라우팅과 angularJS기본파일입니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
<!-- app이름을 설정합니다. -->
<body ng-app="myApp">
<p><a href="#/">Main</a></p>
<a href="#another">another</a>
<div ng-view></div><!-- route가 되면 나올 공간을 가리킵니다. -->
<script>
//앱과 routing을 변수에 넣었습니다.
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider
/* 처음에 나올 페이지입니다. */
.when("/", {
templateUrl : "main.htm" /* 나올 템플릿 파일을 가리킵니다. */
})
/* another클릭시에 나옵니다. */
.when("/london", {
templateUrl : "another.htm" /* 나올 템플릿 파일을 가리킵니다. */
})
});
</script>
</body>
</html>
|
cs |
소스에 설명은 다 있습니다.
감사합니다.
'ANGULARJS > template' 카테고리의 다른 글
| angularJS 내용만 가져오는 Include 사용법 (0) | 2016.06.30 |
|---|---|
| angularJS Template Routing과 Directive를 같이 써봤어요 (0) | 2016.06.29 |