angularjs 애귤러js Expressions, binding

· 2016-12-29 (목) 16:18:33 · 2215
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>
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리싱강좌

302건
+
분류 제목 글쓴이 날짜 조회
AngularJS 17-01-02 조회 2,850
AngularJS 16-12-29 조회 2,216
AngularJS 16-12-28 조회 3,284
AngularJS
[AngularJS]
16-12-27 조회 2,839
반응형웹 16-09-07 조회 4,922
반응형웹 16-08-05 조회 8,025
부트스트랩 15-06-21 조회 1.5만
부트스트랩 15-01-16 조회 9,829
표준화 14-05-07 조회 8,900
반응형웹 13-07-11 조회 1.4만
표준화 13-06-19 조회 1만
표준화 12-12-20 조회 1.7만
반응형웹 12-12-03 조회 2만
반응형웹 12-11-26 조회 3.2만
반응형웹 12-11-23 조회 3.7만
표준화 12-11-22 조회 1.3만
반응형웹 12-11-19 조회 3만
반응형웹 12-11-14 조회 1.2만
반응형웹 12-11-11 조회 3.2만
반응형웹 12-11-06 조회 3만
반응형웹 12-11-03 조회 4만
반응형웹 12-11-02 조회 5.1만
반응형웹 12-11-01 조회 3.3만
표준화 12-10-30 조회 9,592
표준화 12-10-26 조회 1.2만
표준화 12-10-25 조회 9,611
표준화 12-10-24 조회 1.2만
표준화 12-10-17 조회 1.2만
표준화 12-10-10 조회 1.5만
표준화 12-10-09 조회 8,493