nalaolla

AngularJS Tables ng-repeat 지시어는 테이블형식으로 보여주기에 완벽합니다. 1. Displaying Data in a Table Augular를 이용한 테이블 표시는 매우 간단합니다: 12345678910111213141516171819202122232425262728 {{ x.Name }} {{ x.Country }} var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $http) { $http.get("http://www.w3schools.com/angular/customers.php") .success(function (response) {$scope.names = respo..

AngularJS AJAX - $http $http는 원격 서버에서부터 데이터를 읽기위한 AngularJS 서비스입니다. 1. Providing Data 아래 데이터는 웹 서버에서 제공되는 데이터입니다: http://www.w3schools.com/angular/customers.php 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889{"records": [ { "Name" : "Alfreds Futterkiste", "City" : "Berlin", "..

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..

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"; }); ..

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 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 Introduction AngularJS는 자바스크립트 프레임워크(JavaScript Framework) 입니다. HTML 페이지에 태그를 추가하여 사용가능 합니다. AngularJS는 Directives를 붙인 HTML 요소의 확장입니다. Expressions HTML로 데이터를 연결 할 수 있습니다. 1. AngularJS is a JavaScript Framework AngularJS는 자바스크립트 파일로서 분배되고, 웹페이지의 script 태그에 추가하여 사용가능 합니다. 1cs 2. AngularJS Extends HTML AngularJS는 ng-directives HTML의 확장입니다. ng-app directive는 AngularJS 어플리케이션을 정의합니다. ng-mod..

AngularJS 란?Angular는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션(혹은 웹사이트) 개발의 정수이다. 그리고 모던 웹을 다루는 새로운 방법이자 HTML5가 가져올 미래를 위한 큰 발판이다. 이 글은 필자가 Angular를 경험해보며 알게 된 것들과 조언, 우수 사례를 바탕으로 작성해본 이름하여 하루만에 끝내는 Angular 강좌다.용어Angular는 새로 등장하는 용어와 “MVC로 생각”하는 방법으로 인해 약간의 러닝커브가 있다. 여기서 MVC는 모델-뷰-컨트롤러 를 의미한다. 이제부터 Angular를 구성하는 필수적인 API와 용어를 살펴보자.MVC분명 MVC는 들어봤을 것이다. 프로그래밍 언어에서 애플리케이션/소프트웨어의 구조를 잡거..