프레임워크
-
[AngularJS] 6. Http - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:18
AngularJS AJAX - $http $http는 원격 서버에서부터 데이터를 읽기위한 AngularJS 서비스입니다. 1. Providing Data 아래 데이터는 웹 서버에서 제공되는 데이터입니다: http://www.w3schools.com/angular/customers.php 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889{"records": [ { "Name" : "Alfreds Futterkiste", "City" : "Berlin", "..
-
[AngularJS] 5. 필터(filter) - Angular JS 강좌Web/AngularJS 2015. 6. 12. 14:17
AngularJS Filters 필터(Filter)는 파이프 기호(pipe character)를 사용하여 식이나 지시어에 추가 할 수 있습니다. 1. AngularJS Filters AngularJS 필터는 데이터를 변형할 때 사용됩니다: FilterDescriptioncurrencyFormat a number to a currency format.filterSelect a subset of items from an array.lowercaseFormat a string to lower case.orderByOrders an array by an expression.uppercaseFormat a string to upper case. [ 출처: W3Schools ] 2. Adding Filters to..
-
[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 ..