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>
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
jQuery Mobile 9년 전 조회 1,706
jQuery Mobile 9년 전 조회 1,852
jQuery Mobile 9년 전 조회 1,978
jQuery Mobile 9년 전 조회 1,827
jQuery Mobile 9년 전 조회 2,020
jQuery Mobile 9년 전 조회 1,645
jQuery Mobile 9년 전 조회 1,822
jQuery Mobile 9년 전 조회 2,396
jQuery Mobile 9년 전 조회 2,887
jQuery Mobile 9년 전 조회 2,321
jQuery Mobile 9년 전 조회 1,693
jQuery Mobile 9년 전 조회 2,602
AngularJS 9년 전 조회 3,093
AngularJS 9년 전 조회 2,634
AngularJS 9년 전 조회 1,990
AngularJS 9년 전 조회 3,041
AngularJS
[AngularJS]
9년 전 조회 2,621
반응형웹 9년 전 조회 4,693
반응형웹 9년 전 조회 7,767
부트스트랩 10년 전 조회 1.5만
부트스트랩 11년 전 조회 9,600
표준화 11년 전 조회 8,496
반응형웹 12년 전 조회 1.4만
표준화 12년 전 조회 9,736
표준화 13년 전 조회 1.7만
반응형웹 13년 전 조회 2만
반응형웹 13년 전 조회 3.1만
반응형웹 13년 전 조회 3.7만
표준화 13년 전 조회 1.3만
반응형웹 13년 전 조회 3만