ng-repeat
-
[AngularJS] 4. 템플릿 시스템과 데이터 바인딩 - 1 - AngularJS 강좌Web/AngularJS 2016. 1. 29. 15:29
템플릿 시스템과 데이터 바인딩 구조적이고 재사용하기 좋은 웹 어플리케이션을 개발하려면 화면과 데이터의 분리가 필수적입니다. 나아가 데이터와 화면 사이의 싱크도 필요합니다. 기존 JS 기반의 웹 어플리케이션 대부분이 데이터와 화면 사이가 끈끈하게 이어져 있고 데이터와 화면 사이의 싱크를 위해서 반복적인 코드를 사용했습니다. 그렇게 하다보니 스파게티 코드(Spaghetti Code)라 하여 화면 처리 코드와 데이터 처리 코드가 서로 엉켜있어 유지보수하기 어렵고 재사용 불가능한 어플리케이션을 만들게 됩니다. 하지만 AngularJS는 화면과 데이터의 분리를 용이하게 하는 템플릿 시스템과 데이터와 화면 사이를 싱크할 수 있게 하는 데이터 바인딩을 제공함으로써 앞선 문제점을 말끔하게 해결해 줍니다. 1. 템플릿의..
-
[AngularJS] 3. 지시어(directives) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:15
1. AngularJS Directives AngularJS 지시어는 접두사 ng- 를 붙여 HTML 요소를 확장시킵니다. ng-app은 AngularJS 어플리케이션을 초기화합니다. ng-init은 어플리케이션 데이터를 초기화 합니다. ng-model은 HTML 제어(input, select, textarea)의 값을 어플리케이션 데이터와 연결합니다. 123456 Name: You wrote: {{ firstName }} Colored by Color Scriptercs 2. Data Binding 위 예제의 {{ firstName }} 식은 AngularJS 데이터 연결 식 입니다. AngularJS에서 데이터 연결은, AngularJS 데이터를 AngularJS 식과 동기화 합니다. {{ first..