Petunjuk AngularJS NG-Change
Instance AngularJS
Jalankan fungsi saat nilai kotak input berubah:
<!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> Masukkan beberapa informasi di kotak input: </p> <input type = "text" ng-change = "myfunc ()" ng-model = "myvalue" /> <p> Kotak input telah dimodifikasi {{count}} kali. </p> </div> <script> angular.module ('myapp', []) .controller ('myctrl', ['$ scope', function ($ scope) {$ scope.count = 0; $ scope.myfunc = function () {$ scope.count.count ++;};}]);Hasil Menjalankan:
Masukkan beberapa informasi di kotak input:
Kotak input telah dimodifikasi 0 kali.
Definisi dan penggunaan
Arahan NG-Change digunakan untuk memberi tahu AngularJS apa yang harus dilakukan ketika nilai elemen HTML berubah.
Instruksi NG-Change perlu digunakan dengan instruksi model NG.
Directive Directive NG-Change AngularJS tidak menimpa acara Onchange asli. Jika acara ini dipicu, ekspresi NG-Change dan acara Onchange asli akan dieksekusi.
Acara NG-Change dipecat setiap kali nilainya berubah, dan tidak perlu menunggu proses modifikasi yang lengkap atau menunggu tindakan yang kehilangan fokus.
Acara NG-Change hanya untuk modifikasi nyata dari nilai kotak input, bukan melalui JavaScript.
tata bahasa
<elemen ng-change = "ekspresi"> </sement>
Elemen <Input>, <Colly>, dan <TextArea> didukung.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Jalankan ekspresi saat nilai elemen berubah. |
Di atas adalah ringkasan dari pengetahuan tentang arahan perubahan-perubahan AngularJS, dan akan ditambah kemudian.