세상과 연결

AngularJS Directives(지시문) - Repeating HTML Elements(반복되는 HTML 요소) 이 ng-repeat지시문은 HTML 요소를 반복합니다. {{ x }} 소스 Looping with ng-repeat: {{ x }} ng-repeat지시어는 실제로 HTML 요소를 복제합니다 콜렉션의 각 항목에 대해 한 번. ng-repeat오브젝트의 배열에 사용 지시문 : 예 {{ x.name + ', ' + x.country }} 소스 Looping with objects: {{ x.name + ', ' + x.country }}

AngularJS Directives(지시문) - 데이터 바인딩 데이터 바인딩 {{ firstName }}식은, 위의 예에서는 식 바인딩 AngularJS와 데이터이다. AngularJS의 데이터 바인딩은 AngularJS 표현식을 AngularJS 데이터와 바인딩합니다. {{ firstName }}에 묶여있다 ng-model="firstName". 다음 예제에서는 두 개의 텍스트 필드가 두 개의 ng-model 지시문과 함께 바인딩됩니다. Quantity: Costs: Total in dollar: {{ quantity * price }} 소스 Cost Calculator Quantity: Price: Total in dollar: {{quantity * price}}

AngularJS Directives(지시문) AngularJS 지시문AngularJS 지시문은 접두사가있는 확장 HTML 속성입니다 ng-. 이 ng-app지시문은 AngularJS 응용 프로그램을 초기화합니다. 이 ng-init지정 문은 응용 프로그램 데이터를 초기화합니다. 이 ng-model지시문은 HTML 컨트롤 (input, select, textarea)의 값을 응용 프로그램 데이터에 바인딩합니다. 우리의 모든 AngularJS와 지침에 대한 읽기 AngularJS와 지시어 참조 . Name: You wrote: {{ firstName }} 이 ng-app지시문은 또한 AngularJS에게 요소가 AngularJS 응용 프로그램의 "소유자"임을 알립니다.

제이쿼리 andSelf() 설명 : 스택의 이전 요소 세트를 현재 세트에 추가하십시오. 참고 : 이 함수는 더 이상 사용되지 않으며 .addBack()jQuery 1.8 이상에서 사용해야 하는 별칭입니다 . 위의 설명에서 설명한 것처럼 .end()jQuery 객체는 일치하는 요소 집합에 대한 변경 사항을 추적하는 내부 스택을 유지 관리합니다. DOM 탐색 메서드 중 하나가 호출되면 새 요소 집합이 스택에 푸시됩니다. 이전 요소 세트도 원할 경우 .andSelf()도움이 될 수 있습니다. 간단한 목록이있는 페이지를 고려하십시오. list item 1 list item 2 list item 3 list item 4 list item 5다음 코드의 결과는 항목 3, 4 및 5 뒤에 빨간색 배경이됩니다. $( ..

제이쿼리 all selector 설명 : 모든 요소를 ​​선택합니다. 주의 : 모든 또는 유니버설 선택기는 단독으로 사용할 때를 제외하고는 매우 느립니다.예 :문서의 모든 요소 (머리, 몸체 등 포함)를 찾습니다. 브라우저 에 DOM에 a

제이쿼리 .ajaxSuccess(handler) 설명 : Ajax 요청이 성공적으로 완료 될 때마다 실행할 함수를 첨부하십시오. 이것은 Ajax 이벤트 입니다. Ajax 요청이 성공적으로 완료 될 때마다 jQuery가 ajaxSuccess이벤트를 트리거한다 . .ajaxSuccess()메소드 에 등록 된 모든 핸들러 는이 시점에서 실행됩니다. 이 메소드의 작동을 관찰하려면, 기본 Ajax로드 요청을 설정하십시오. Trigger 이벤트 핸들러를 모든 요소에 연결하십시오. $(document).ajaxSuccess(function() { $( ".log" ).text( "Triggered ajaxSuccess handler." );});이제 jQuery 메서드를 사용하여 Ajax 요청을 작성하십시오. $( ..

HTML5 로컬 저장소HTML 로컬 저장소 란 무엇입니까?로컬 스토리지를 사용하면 웹 응용 프로그램이 사용자 브라우저에 로컬로 데이터를 저장할 수 있습니다. HTML5 이전에는 애플리케이션 데이터를 모든 서버 요청에 포함 된 쿠키에 저장해야했습니다. 로컬 저장소는 더 안전하며 대량의 데이터를 웹 사이트 성능에 영향을 미치지 않고 로컬에 저장할 수 있습니다. 쿠키와 달리 저장 용량 한도는 훨씬 크며 (최소 5MB) 정보는 서버로 전송되지 않습니다. 로컬 저장소는 원본 (도메인 및 프로토콜 당) 당입니다. 한 원점의 모든 페이지는 동일한 데이터를 저장하고 액세스 할 수 있습니다. HTML 로컬 저장소 객체HTML 로컬 스토리지는 클라이언트에 데이터를 저장하기위한 두 가지 객체를 제공합니다. 1.window...

HTML5 드래그 앤 드롭 끌어서 놓기드래그 앤 드롭은 매우 일반적인 기능입니다. 그것은 당신이 물건을 "움켜 잡아"다른 위치로 끌 때입니다. HTML5에서 드래그 앤 드롭은 표준의 일부입니다. 모든 요소를 ​​드래그 할 수 있습니다. HTML 끌어서 놓기 예제아래의 예제는 간단한 드래그 앤 드롭 예제입니다. 요소를 드래그 가능하게 만들기먼저 요소를 드래그 할 수있게하려면 draggable 속성을 true로 설정하십시오. 무엇을 드래그 할 것인가 - ondragstart와 setData ()그런 다음 요소를 끌 때 발생할 일을 지정하십시오. 위의 예에서 ondragstart 속성은 드래그 할 데이터를 지정하는 함수 drag (event)를 호출합니다. dataTransfer.setData () 메서드는 ..

HTML5 Geolocation 사용자 위치 찾기HTML Geolocation API는 사용자의 위치를 ​​찾는 데 사용됩니다 사용자의 위치 찾기HTML Geolocation API는 사용자의 지리적 위치를 가져 오는 데 사용됩니다. 이는 개인 정보를 침해 할 수 있으므로 사용자가 승인하지 않는 한 해당 위치를 사용할 수 없습니다. 참고 : Geolocation은 iPhone과 같이 GPS가있는 기기에서 가장 정확합니다. HTML Geolocation 사용getCurrentPosition () 메서드는 사용자의 위치를 ​​반환하는 데 사용됩니다. 아래 예제는 사용자 위치의 위도와 경도를 반환합니다. 예제 설명 : 1.Geolocation이 지원되는지 확인하십시오.2.지원되는 경우 getCurrentPos..

AngularJS 모듈 만들기 AngularJS 함수를 사용하여 모듈을 만듭니다. angular.module ... "myApp"매개 변수는 응용 프로그램이 실행될 HTML 요소를 나타냅니다. 이제 AngularJS 응용 프로그램에 컨트롤러, 지시문, 필터 등을 추가 할 수 있습니다. 컨트롤러 추가하기(Adding a Controller) 응용 프로그램에 제어기를 추가하고 ng-controller지시문 을 사용하여 제어기를 참조하십시오 . {{ firstName + " " + lastName }} 컨트롤러에 대한 자세한 내용은이 튜토리얼의 뒷부분에서 설명합니다. 지침 추가(Adding a Directive)AngularJS에는 응용 프로그램에 기능을 추가하는 데 사용할 수있는 내장 지시문 세트가 있습니다..