세상과 연결

AngularJS Controllers - Controller Methods Controller Methods(컨트롤러 메소드) 위 예제는 lastName과 firstName의 두 가지 속성을 가진 컨트롤러 객체를 보여줍니다. 컨트롤러는 메소드 (변수를 함수로)를 가질 수도 있습니다 : First Name: Last Name: Full Name: {{fullName()}} 전체소스 First Name: Last Name: Full Name: {{fullName()}}

AngularJS Controllers AngularJS 어플리케이션은 컨트롤러에 의해 제어됩니다. NG 컨트롤러 지시어는 응용 프로그램 컨트롤러를 정의합니다. 컨트롤러는 것입니다 자바 스크립트 객체 는 표준 자바 스크립트에 의해 생성, 객체 생성자 . 예 First Name: Last Name: Full Name: {{firstName + " " + lastName}} 설명 : AngularJS 응용 프로그램은 ng-app="myApp" 로 정의됩니다 . 응용 프로그램은 내부에서 실행됩니다. ng-controller="myCtrl" 속성은 AngularJS와 지시자이다. 그것은 컨트롤러를 정의합니다. myCtrl의 기능은 자바 스크립트 기능입니다. AngularJS는 $scope 객체로 컨트롤러를 호출..

제이쿼리 attributeContainsPrefix selector 설명 : 지정된 속성을 가진 요소를 주어진 문자열과 같은 값 또는 해당 문자열로 시작하여 하이픈 (-)으로 선택합니다.jQuery ( "[attribute | = 'value']")attribute : 속성 이름. value : 속성 값. 유효한 식별자 또는 따옴표 붙은 문자열이 될 수 있습니다 . Some textSome other textwill not be outlined

제이쿼리 .attr (attributeName) 설명 : 일치하는 요소 세트의 첫 번째 요소에 대한 속성 값을 가져옵니다. 이 .attr()메서드는 일치하는 집합 의 첫 번째 요소에 대해서만 특성 값을 가져옵니다 . 각 요소의 값을 개별적으로 가져 오려면 jQuery .each()또는 .map()메서드 와 같은 루핑 구문을 사용하십시오 . jQuery의 .attr()메서드를 사용 하여 요소의 속성 값을 얻는 데는 두 가지 주요 이점이 있습니다. 편리 성 : jQuery 객체에서 직접 호출 할 수 있고 다른 jQuery 메소드와 연결될 수 있습니다.브라우저 간 일관성 : 일부 속성의 값은 브라우저간에 일관성없이보고되고 단일 브라우저의 여러 버전에서도 일치하지 않습니다. 이 .attr()방법은 이러한 불일치..

제이쿼리 .appendTo( target ) .append()및 .appendTo()방법은 동일한 작업을 수행합니다. 주요 차이점은 구문과 특히 콘텐츠 및 대상의 배치에 있습니다. With .append()메소드의 앞에있는 selector 표현식은 내용이 삽입되는 컨테이너입니다. 로 .appendTo(), 한편, 콘텐츠가 선택 식 또는 즉시로 작성된 마크 업하거나, 상기 방법을 선행하고,이 타겟 컨테이너에 삽입된다. 다음 HTML을 고려하십시오. h2>Greetings Hello Goodbye우리는 내용을 만들고 한 번에 여러 요소에 삽입 할 수 있습니다. $( "Test" ).appendTo( ".inner" );각 내부 요소는이 새로운 내용을 얻습니다. Greetings Hello Test Goodb..

CSS3 다중 배경CSS3를 사용하면 background-image속성을 통해 요소에 대한 여러 배경 이미지를 추가 할 수 있습니다 .서로 다른 배경 이미지는 쉼표로 구분되며 이미지는 서로 위에 겹쳐서 표시됩니다. 첫 번째 이미지는 뷰어에 가장 가깝습니다.다음 예제에는 두 개의 배경 이미지가 있습니다. 첫 번째 이미지는 꽃 (아래쪽 및 오른쪽으로 정렬 됨)이고 두 번째 이미지는 종이 배경 (왼쪽 위 모서리에 정렬 됨)입니다. #example1 { background-image: url(img_flwr.gif), url(paper.gif); background-position: right bottom, left top; background-repeat: no-repeat, repeat; } 개별 배경 속성..

CSS3 배경 크기CSS3 background-size속성을 사용하면 배경 이미지의 크기를 지정할 수 있습니다.CSS3 이전에는 배경 이미지의 크기가 이미지의 실제 크기였습니다. CSS3를 사용하면 다른 상황에서 배경 이미지를 재사용 할 수 있습니다.크기는 길이, 백분율 또는 두 키워드 중 하나를 사용하여 지정할 수 있습니다 : 포함 또는 표지.다음 예제는 픽셀을 사용하여 배경 이미지의 크기를 원본 이미지보다 훨씬 작게 조정합니다. #div1 { background: url(img_flower.jpg); background-size: 100px 80px; background-repeat: no-repeat; } 에 대한 다른 두 개의 값 background-size은 contain 및 cover입니다.c..

여러 배경 이미지의 크기 정의이 background-size속성은 여러 배경으로 작업 할 때 쉼표로 구분 된 목록을 사용하여 여러 배경 크기 값을 허용합니다.다음 예제에는 세 가지 배경 이미지가 있으며 각 이미지의 배경 크기 값이 다릅니다. #example1 { background: url(img_flwr.gif) left top no-repeat, url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; background-size: 50px, 130px, auto; } Lorem Ipsum DolorLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum..

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