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 8년 전 조회 1,516
jQuery Mobile 8년 전 조회 1,680
jQuery Mobile 8년 전 조회 1,794
jQuery Mobile 8년 전 조회 1,664
jQuery Mobile 8년 전 조회 1,831
jQuery Mobile 8년 전 조회 1,467
jQuery Mobile 8년 전 조회 1,633
jQuery Mobile 8년 전 조회 2,191
jQuery Mobile 8년 전 조회 2,692
jQuery Mobile 9년 전 조회 2,140
jQuery Mobile 9년 전 조회 1,529
jQuery Mobile 9년 전 조회 2,429
AngularJS 9년 전 조회 2,896
AngularJS 9년 전 조회 2,464
AngularJS 9년 전 조회 1,803
AngularJS 9년 전 조회 2,865
AngularJS
[AngularJS]
9년 전 조회 2,427
반응형웹 9년 전 조회 4,512
반응형웹 9년 전 조회 7,591
부트스트랩 10년 전 조회 1.5만
부트스트랩 11년 전 조회 9,448
표준화 11년 전 조회 8,333
반응형웹 12년 전 조회 1.4만
표준화 12년 전 조회 9,526
표준화 13년 전 조회 1.7만
반응형웹 13년 전 조회 2만
반응형웹 13년 전 조회 3.1만
반응형웹 13년 전 조회 3.7만
표준화 13년 전 조회 1.3만
반응형웹 13년 전 조회 2.9만
🐛 버그신고