안녕하세요.에서 제공하는 흥미로운 지침에 대해 알아 보겠습니다. , 즉 ng-change 지시문은 이름 자체가 수행하는 작업을 부분적으로 제공합니다. 프로그래머는 일반적으로 on-change 이벤트와 ng-change 이벤트를 혼동합니다. 오늘이 블로그에서 모든 것을 정리해 보겠습니다. 오늘 우리가 다룰 주제는 다음과 같습니다.
블로그를 진행하기 전에 먼저 AngularJS에있는 Directives에 대해 간략히 살펴 보겠습니다.
php print_r to string
디렉티브 란 무엇입니까?
AngularJS 지시문은 접두사‘ng-‘가있는 확장 된 HTML 속성입니다. AngularJS는 다음을 제공하는 내장 지시문 세트를 제공합니다. 다양한 기능 우리의 응용 프로그램에.
AngularJS를 사용하면 자체 지시문을 정의 할 수도 있습니다.
ng-change 란?
변화는 구성 요소 값이나 이벤트가 변경 될 때 작업을 수행하기위한 것입니다. 다시 말해,ng-change지시문은 HTML 요소의 값이 변경 될 때 수행 할 작업을 AngularJS에 알려줍니다.
안ng 모델지시문은 ng-change 지시문에 필요합니다.
ng-change 지시문을 사용하는 동안 중요한 사항 :
- onChange 이벤트는 어떻게됩니까? 그만큼ng-changeAngularJS의 지시문은 요소의 원래 onchange 이벤트를 재정의하지 않습니다.ng-change표현식과 원래의 onchange 이벤트가 실행됩니다.
- 그만큼ng-change이벤트는 값이 변경 될 때마다 트리거됩니다. 모든 변경이 이루어 지거나 입력 필드가 포커스를 잃을 때까지 기다리지 않습니다.
- 그만큼ng-change이벤트는 입력 값에 실제 변경이있는 경우에만 트리거되고 JavaScript에서 변경된 경우에는 트리거되지 않습니다.
- 이 ng-change 지시문은, 및 같은 HTML 태그에서 지원됩니다.
- ngChange 표현식은 입력 값의 변경으로 인해 새 값이 모델에 커밋 될 때만 평가됩니다.
평가되지 않습니다.
- $ parsers 변환 파이프 라인에서 반환 된 값이 변경되지 않은 경우
- 입력이 계속 유효하지 않은 경우 모델은 null로 유지됩니다.
- 모델이 입력 값이 아니라 프로그래밍 방식으로 변경된 경우.
노트 ,이 지시문에는ngModel존재합니다.
통사론:
< 요소 ng-change='표현' > 요소 >
expression : 요소의 값이 변경 될 때 실행되는 표현식을 지정합니다.
예:
입력 필드에 입력하십시오 :
입력 필드가 {{count}} 번 변경되었습니다.
angular.module ( 'App1', []) .controller ( 'cng1l', [ '$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])
출력 (3 회 변경 후)
입력 필드에 입력하십시오 :
자바에서 스윙은 무엇입니까
입력 필드가 3 번 변경되었습니다.
지금 쯤이면 ng-change 지시문을 명확하게 이해하고 프로그램에서 사용하고 얼마나 많이 배웠는지 확인하시기 바랍니다. 읽어 주셔서 감사합니다.나는 이것을 통과하는 것이 좋습니다 Angular 튜토리얼 Edureka 비디오 플레이리스트 비디오를보고 Angular 애플리케이션으로 작업하는 방법을 배우십시오.
이제 Angular Directive를 알았으니 전 세계에 걸쳐 250,000 명 이상의 만족 한 학습자 네트워크를 보유한 신뢰할 수있는 온라인 학습 회사 인 Edureka에서 작성했습니다. Angular는 확장 가능한 엔터프라이즈 및 성능 클라이언트 측 웹 애플리케이션을 만드는 데 사용되는 JavaScript 프레임 워크입니다. Angular 프레임 워크 채택률이 높기 때문에 애플리케이션의 성능 관리는 커뮤니티 주도로 간접적으로 더 나은 취업 기회를 제공합니다. Angular 인증 교육은 엔터프라이즈 애플리케이션 개발과 관련된 이러한 모든 새로운 개념을 다루는 것을 목표로합니다.