세상과 연결

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 객체로 컨트롤러를 호출..

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 응용 프로그램의 "소유자"임을 알립니다.

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

앵큘러js 간단한 예제 First Name: Last Name: RESET form = {{user}} master = {{master}} 예제 설명ng-app 프로그램 지시문은 AngularJS와 응용 프로그램을 정의합니다. ng-controller 지시어는 응용 프로그램 컨트롤러를 정의합니다. ng-model 지시자는 두 입력 요소 결합 사용자 모델의 개체. formCtrl 제어기는 초기 값으로 설정 마스터 개체 정의 및 리셋 () 방법. reset() 메소드 세트 사용자 받는 동일한 개체 마스터 개체. ng-click 지시문은 호출 리셋 () 버튼을 클릭 할 경우에만 방법. novalidate 속성은이 애플리케이션에서 필요하지 않지만 일반적으로 표준 HTML5 유효성 검사를 재정의하기 위해 Angu..

AngularJS Input Controls - Checkbox, Radiobuttons, Selectbox 체크 박스에는 true또는 값이 false있습니다. ng-model지시문을 확인란에 적용하고 응용 프로그램에서 해당 값을 사용합니다. Check to show a header: My Header Radiobuttonsng-model 지시문 을 사용하여 응용 프로그램에 라디오 버튼을 바인딩 합니다. 동일한 버튼이있는 라디오 버튼 ng-model은 다른 값을 가질 수 있지만 선택한 버튼 만 사용됩니다. 선택한 라디오 버튼의 값에 따라 텍스트를 표시하십시오. Pick a topic:DogsTutorialsCarsmyVar에의 값이 될 것이다 dogs, tuts또는 cars. Selectboxng-mod..

AngularJS Input Controls - Data-Binding 입력 컨트롤은 HTML 입력 요소입니다.1.input elements2.select elements3.button elements4.textarea elements Data-Binding입력 컨트롤은 ng-model지시문 을 사용하여 데이터 바인딩을 제공합니다 . 응용 프로그램에 이제 명명 된 속성이 firstname있습니다. 이 ng-model지시문은 입력 컨트롤러를 나머지 응용 프로그램에 바인딩합니다. 이 속성 firstname은 컨트롤러에서 참조 할 수 있습니다. 예 First Name: 또한 응용 프로그램의 다른 곳에서도 참조 할 수 있습니다. 예First Name: You entered: {{firstname}} First ..

AngularJS $event Object $event함수를 호출 할 때 객체를 인수로 전달할 수 있습니다 . $event객체는 브라우저의 이벤트 객체를 포함 : 예 Mouse Over Me! Coordinates: {{x + ', ' + y}}