nalaolla

AngularJS Events AngularJS는 자신만의 HTML 이벤트 지시어를 가지고 있습니다. 1. The ng-click Directive ng-click 지시어는 AngularJS 클릭 이벤트를 선언합니다. 1234567891011121314151617181920212223 Click Me! {{ count }} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.count = 0; }); Colored by Color Scriptercs a9 2. Hiding HTML Elements ng-hide 지시어는 어플리케이션의 일부분의 가시성을 설정할 때 사용합니다. ng-hide="tru..

AngularJS HTML DOM AngularJS는 어플리케이션 데이터를 HTML DOM 요소의 속성과 결합하기 위한 지시어를 가지고 있습니다. 1. The ng-disabled Directive ng-disabled 지시어는 AngularJS 어플리케이션 데이터를 HTML 요소의 속성을 못 쓰게하는 연결입니다. 1234567891011121314151617181920 Click Me! Button {{ mySwitch }} Colored by Color Scriptercs ng-disabled 지시어는 어플리케이션 데이터 mySwitch를 HTML 버튼의 disabled 속성과 연결합니다. ng-model 지시어는 HTML 체크박스 요소의 속성과 mySwitch 값을 연결합니다. mySwitch 값이..

AngularJS SQL 이전 장에서 작성된 코드는 데이터베이스로 부터 읽어들이는데 사용되기도 합니다. 1. Fetching Data From a PHP Server Running MySQL 1234567891011121314151617181920212223242526272829303132333435363738394041 table, th , td { border: 1px solid grey; border-collapse: collapse; padding: 5px;}table tr:nth-child(odd) { background-color: #f1f1f1;}table tr:nth-child(even) { background-color: #ffffff;} {{ x.Name }} {{ x.Country }..

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