테스트 사이트 - 개발 중인 베타 버전입니다

angularjs 애귤러js Expressions, binding

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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리싱강좌

글쓰기