Angularjs ng-change 지침
AngularJS 인스턴스
입력 상자의 값이 변경 될 때 기능을 실행하십시오.
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app = "myapp"> <div ng-controller = "myctrl"> <p> 입력 상자에 일부 정보를 입력하십시오. < /p> <input type = "text"ng-change = "myfunc ()"ng-model = "myValue" /> <p> 입력 상자는 {{count}} 시간이 수정되었습니다. </p> </div> <cript> angular.module ( 'myapp', []) .controller ( 'myctrl', [ '$ scope', function ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count ++;};}); </html> </html>실행 결과 :
입력 상자에 일부 정보를 입력하십시오.
입력 상자는 0 번 수정되었습니다.
정의 및 사용법
NG-Change 지시문은 HTML 요소 값이 변할 때 AngularJS에게 무엇을 해야하는지 알려주는 데 사용됩니다.
ng-change 명령은 ng-model 명령과 함께 사용해야합니다.
AngularJS NG-Change Directive Directive는 Native Onchange 이벤트를 덮어 쓰지 않습니다. 이 이벤트가 트리거되면 NG-Change 표현식 및 기본 Onchange 이벤트가 실행됩니다.
NG-Change 이벤트는 값이 변경 될 때마다 발사되며 완료된 수정 프로세스를 기다리거나 집중력을 잃는 조치를 기다릴 필요가 없습니다.
NG-Change 이벤트는 JavaScript가 아닌 입력 상자 값의 실제 수정을위한 것입니다.
문법
<요소 ng-change = "expression"> </element>
<input>, <select> 및 <textArea> 요소가 지원됩니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 표현 | 요소 값이 변경 될 때 표현식을 실행하십시오. |
위의 것은 Angularjs ng-Change 지시에 대한 지식에 대한 요약이며 나중에 보충 될 것입니다.