세상과 연결

AngularJS HTML DOM - ng-hide 지시문 NG 숨기기 지시어는 성인물 HTML 요소를 보여줍니다. 예 I am not visible. I am visible. [전체소스] I am not visible. I am visible. [전체소스] I am not visible. I am visible.

AngularJS 이벤트 다음 지시문 중 하나 이상을 사용하여 HTML 요소에 AngularJS 이벤트 리스너를 추가 할 수 있습니다. 1. ng-blur 2. ng-change 3. ng-click 4. ng-copy 5. ng-cut 6. ng-dblclick 7. ng-focus 8. ng-keydown 9. ng-keypress 10. ng-keyup 11. ng-mousedown 12. ng-mouseenter 13. ng-mouseleave 14. ng-mousemove 15. ng-mouseover 16. ng-mouseup 17. ng-paste 이벤트 지시문을 사용하여 특정 사용자 이벤트에서 AngularJS 함수를 실행할 수 있습니다. AngularJS 이벤트는 HTML 이벤트를 겹쳐 ..

AngularJS 이벤트 - ng-click 지시문이 ng-click 지시자는 요소가 클릭 될 때 실행될 AngularJS 코드를 정의합니다. 예 Click me! {{ count }} 함수를 참조 할 수도 있습니다. [전체소스] Click Me! {{ count }} 예 Click me! {{ count }} [전체소스] Click Me! {{ count }}

AngularJS Filters 사용자 입력을 기반으로 배열 필터링 사용자 입력을 기반으로 배열 필터링ng-model입력 필드에 지시문을 설정하여 입력 필드의 값을 필터의 표현식으로 사용할 수 있습니다. 입력 필드에 문자를 입력하면 목록에 따라 일치 / 축소됩니다. {{ x }} [전체소스] Type a letter in the input field: {{ x }} The list will only consists of names matching the filter. 이미지와 같은 화면에서 input box에 목록에 있는 단어를 입력하게 되면 그 단어만 필터링해서 실시간으로 찾아주게 됩니다.

AngularJS Filters 필터 필터filter필터 어레이의 서브 세트를 선택한다. filter필터는 어레이에 사용될 수 있고, 그것은 단지 일치를 포함하는 배열을 반환한다. currency필터는 통화로 숫자를 포맷 : 예문자 "i"가 포함 된 이름을 반환합니다. {{ x }} [전체소스] {{ x }} This example displays only the names containing the letter "i".

AngularJS Filters 통화 필터currency필터는 통화로 숫자를 포맷 : 예 Price: {{ price | currency }} [전체소스] Price: {{ price | currency }} The currency filter formats a number to a currency format.

AngularJS Filters에 디렉 티브에 필터 추가 [디렉 티브에 필터 추가] 필터는 ng-repeat파이프 문자 |와 필터 를 사용하여 지시문에 추가됩니다 예orderBy필터 배열을 정렬한다 : {{ x.name + ', ' + x.country }} 전체소스 Looping with objects: {{ x.name + ', ' + x.country }} [예제결과]Looping with objects:Joe, DenmarkBirgit, DenmarkMargareth, EnglandMary, EnglandJani, NorwayHege, NorwayKai, NorwayCarl, SwedenGustav, Sweden

AngularJS Filters에 lowercase (소문자변환) AngularJS는 데이터를 변환하는 필터를 제공합니다. 1. currency 숫자를 통화 형식으로 포맷하십시오.2. date 날짜를 지정된 형식으로 형식화하십시오.3. filter 배열에서 항목의 하위 집합을 선택하십시오.4. json 객체를 JSON 문자열로 포맷합니다.5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.6. lowercase 문자열을 소문자로 포맷하십시오.7. number 숫자를 문자열로 지정하십시오.8. orderBy 표현식으로 배열을 정렬합니다.9. uppercase 문자열을 대문자로 포맷하십시오. [표현식에 필터 추가] 필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 ..

AngularJS Filters AngularJS는 데이터를 변환하는 필터를 제공합니다. 1. currency 숫자를 통화 형식으로 포맷하십시오.2. date 날짜를 지정된 형식으로 형식화하십시오.3. filter 배열에서 항목의 하위 집합을 선택하십시오.4. json 객체를 JSON 문자열로 포맷합니다.5. limitTo 배열 / 문자열을 지정된 수의 요소 / 문자로 제한합니다.6. lowercase 문자열을 소문자로 포맷하십시오.7. number 숫자를 문자열로 지정하십시오.8. orderBy 표현식으로 배열을 정렬합니다.9. uppercase 문자열을 대문자로 포맷하십시오. [표현식에 필터 추가] 필터는 파이프 문자 |다음에 필터 를 사용하여 표현식에 추가 할 수 있습니다 . uppercase대문자..

AngularJS Controllers - Controllers In External Files Controllers In External Files(외부 파일의 컨트롤러) 대형 응용 프로그램에서는 컨트롤러를 외부 파일에 저장하는 것이 일반적입니다. 전체소스 First Name: Last Name: Full Name: {{fullName()}} 또 다른 예 다음 예제에서 우리는 새로운 컨트롤러 파일을 생성 할 것입니다 : angular.module('myApp', []).controller('namesCtrl', function($scope) { $scope.names = [ {name:'Jani',country:'Norway'}, {name:'Hege',country:'Sweden'}, {name:'K..