IT/앵귤러js

angularjs 애귤러js Expressions, binding

조원태 2016. 12. 29. 16:18
반응형

angularjs 애귤러js Expressions, binding 


ng-bind를 통해서 데이터를 가져온 후 출력 할 수 있습니다. 


구문 : {{ menu }}

이렇게 사용하면 되요. menu 는 변수명입니다. 


 ng-model에서 선언했던...



[숫자 예제]

{{cost * days}} 

연산자를 사용하면 연산을 한다는 의미



[문자열 예제 ]

{{client.name1 + " " + client.name2}} 

문자열을 서로 합칩 수 있음


[객체]

{{client.waitNo}}

객체같이 사용 가능


[배열]

{{menu[2]}}

배열 같이 사용가능.


프로그램 언어를 3일만 배워본 사람이라면 특별하게 설명이 필요 없는 부분이에요


{{}} 을 사용하면 화면에 출력을 하게 되요.

자료형에 대해서는 강하게 지정할 필요가 없습니다 

알아서 해석 하닌까요.


(예제)

<div ng-app="" ng-init="days=30; cost=1250; client={name1:'sir', name2:'kr', waitNo:10}; menu=[1,2,3,4,5]">

<p> 

[숫자 예제]

{{cost * days}} 

</p>

<p> 

[문자열 예제 ]

{{client.name1 + " " + client.name2}} 

</p>

<p> 

[객체]

{{client.waitNo}}

</p>

<p> 

[배열]

{{menu[2]}}

</p>

</div>




반응형