336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

 

이번엔 angularJS로 Array를 만들어서 출력해볼께요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>
 
<!-- 배열을 순서대로 넣었습니다. 이 배열은 0부터 위치가 시작됩니다. -->
<div ng-app="" ng-init="points=['java','script','angular','framework','!']">
 
<!-- points의 4번째, framework를 출력합니다. -->
<p>출력된 {{ points[3] }}</p>
 
<!-- points의 1번째, java를 출력합니다. -->
<p>출력된 <span ng-bind="points[0]"></span></p>
 
</div>
 
</body>
</html>
 cs

결과는

출력된 framework

출력된 java

 

감사합니다.

 

'ANGULARJS > expression' 카테고리의 다른 글

angularJS Expression 어딘가에 소속된 값들의 모임  (0) 2016.06.27
angularJS Expression 변수끼리도 한번?!  (0) 2016.06.27
angularJS 변수선언없이 계산사는 expression  (0) 2016.06.27
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

 

이번에는 어떤곳에 소속되어 있는 값들을 불러오는 것을 알려드리겠습니다.

 

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>
 
<!-- 변수를 lan이라는 곳에 engName과 korName에 변수값을 넣습니다. -->
<div ng-app="" ng-init="lan={engName:'javascript',korName:'(자바스크립트)'}">
 
<!-- lan안에 변수들이 있어서 len.해당변수로 출력이 가능합니다. -->
<p><span ng-bind="lan.engName+' '+lan.korName"></span></p>
 
</div>
 
</body>
</html>
 
 cs

결과값은 javascript(자바스크립트)

ng-init에 보면 변수들이 쉼표를 기준으로 한쌍씩 lan에 들어가는 것을 볼 수 있습니다.

접근방법은 상위변수.값을 소유하고 있는 변수로 불러올수 있습니다.

ex) {{lan.engName}}

 

감사합니다.

 

'ANGULARJS > expression' 카테고리의 다른 글

angularJS 값들의 모임 Array  (0) 2016.06.27
angularJS Expression 변수끼리도 한번?!  (0) 2016.06.27
angularJS 변수선언없이 계산사는 expression  (0) 2016.06.27

+ Recent posts

티스토리툴바