Web
-
[AngularJS] 4. 제어(controller) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:16
1. AngularJS Controllers AngularJS 어플리케이션은 제어(controller)에 의해 제어됩니다. ng-controller 지시어는 어플리케이션 제어를 선언합니다. 제어는 정규 자바스크립트 객체 생성자에 의해 만들어 지는 자바스크립트 객체입니다. 12345678910111213141516171819202122232425 First Name: Last Name: Full Name: {{firstName + " " + lastName}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; }); ..
-
[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..
-
[AngularJS] 2. 식(expression) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:14
AngularJS Expressions AngularJS는 식(Expression)을 사용하여 데이터를 HTML과 연결합니다. 1. AngularJS Expressions AngularJS 식은 이중 괄호 안에 작성되어 집니다: {{ expression }} AngularJS 식은 ng-bind directive를 써서 데이터와 HTML을 연결합니다. AngularJS는 식이 쓰여진 곳에 정확히 데이터가 출력되어 질 것 입니다. AngularJS 식은 JavaScript 식과 거의 유사합니다. 1234567891011121314151617 My first expression: {{ 5 + 5 }} Colored by Color Scriptercs ng-app directive를 지운다면, HTML은 식을..
-
[AngularJS] 1. 소개(Introduction) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:12
AngularJS Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 3. AngularJS Directives 위에서 보셨듯이, AngularJS directive는 ng 접두사를 통하여 HTML 요소를 나타냅니다. ng-init은 AngularJS 어플리케이션 변수를 초기화 합니다. 12345 The name is Colored by Color Scriptercs * ng- 대신, data-ng- 를 사용하세요. HTML 5에서도 적용을 원하신다면. HTML5 적용 대체 예제: 12345 The name is Colored by Color Scriptercs 4. AngularJS Expressions AngularJS ..