ANGULARJS

angularJS 변수를 출력하는 ng-init

JDK's blog 2016. 6. 27. 13:15

안녕하세요.

 

이번에는 다른방법으로 변수를 생성해서 뿌려주는 것을 해보겠습니다.

 

소스코드입니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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-init로 site라는 변수에 JDKblog를 넣었습니다. -->
<div ng-app="" ng-init="site='JDKblog'">
 
<!-- ng-bind로 site라는 변수를 가져옵니다. -->
<p>AngularJS <span ng-bind="site"></span></p>
 
</div>
 
</body>
</html>
 
cs

 

 

 

간단하게 이렇게 출력됩니다.

설명은 소스코드에 다 있어서 참조하시면 되겠습니다.

감사합니다.