

위 예제는 ng-click와 ng-repeat를 이용한 데이터 양방향 바인딩 예제이다.
LINE 26
ng-click 디렉티브로 컨트롤러 범위 내에 있는 함수에 접근할 수 있다.
LINE 13~17
printUserInfo 함수를 호출하면 key/value구조의 배열인 userInfo에 key에 맞는 값들을 넣을 수 있다.
LINE 27~29
ng-repeat 디렉티브로 userinfo에 있는 방을 모두 불러 올 수 있다. forEach같은 반복문이라고 생각하면 될 거 같다.
LINE 27~29
{{array[idx].value}} 같은 방식으로도 배열의 값을 가져올 수 있다.
RESULT

'AngularJS' 카테고리의 다른 글
[AngularJS] 4. Router을 이용한 SPA 구현 예제 (0) | 2021.11.20 |
---|---|
[AngularJS] 3. scope의 계층적 구조와 이벤트 처리 구조 (0) | 2021.11.09 |
[AngularJS] 2. AngularJS의 모듈 (0) | 2021.11.02 |
[AngularJS] 1. AngularJS를 이용한 코딩 예제 (0) | 2021.10.26 |
[AngularJS] 0. AngularJS의 개념 (0) | 2021.10.24 |