Apa itu Ng-change di Angular JS dan bagaimana cara menetapkan nilainya?

Hai, mari pelajari tentang arahan menarik yang disediakan di , yaitu direktif ng-change, nama itu sendiri memberikan sebagian pekerjaan yang dilakukannya. Pemrogram biasanya bingung antara acara on-change dan ng-change, mari kita jelaskan semuanya hari ini di blog ini. Topik yang akan kami bahas hari ini adalah:

• Apa itu direktif?
• Apa ng-change?
• Poin penting saat menggunakan direktif ng-change
• Sintaksis
• Contoh

Sebelum melanjutkan dengan blog, pertama-tama kita akan melihat sekilas apa itu Direktif di AngularJS.

Apa itu direktif?

Direktif AngularJS hanyalah atribut HTML yang diperluas dengan awalan 'ng-'. AngularJS menyediakan satu set arahan bawaan yang menawarkan berbagai fungsi ke aplikasi kami.

mengatur java classpath windows 10

AngularJS juga memungkinkan kita menentukan arahan kita sendiri.

Apa ng-change?

Perubahan adalah a yang dimaksudkan untuk melakukan operasi ketika nilai komponen atau peristiwa berubah. Dengan kata lain,ng-berubahdirektif memberitahu AngularJS apa yang harus dilakukan ketika nilai elemen HTML berubah.

Sebuahng-modeldirektif dibutuhkan oleh direktif ng-change.

menaikkan angka ke power di java

Poin penting saat menggunakan direktif ng-change:

• Apa yang terjadi dengan acara onChange? Itung-berubahdirektif dari AngularJS tidak menimpa peristiwa onchange asli elemen, baikng-berubahekspresi dan peristiwa onchange asli akan dijalankan.
• Itung-berubahacara dipicu di setiap perubahan nilai. Ini tidak akan menunggu semua perubahan dilakukan, atau bidang input kehilangan fokus.
• Itung-berubahperistiwa hanya dipicu jika ada perubahan aktual dalam nilai masukan, dan bukan jika perubahan dilakukan dari JavaScript.
• Direktif ng-change ini didukung oleh tag HTML seperti,, dan.
• Ekspresi ngChange dievaluasi hanya ketika perubahan nilai input menyebabkan nilai baru dikomit ke model.

Ini tidak akan dievaluasi:

1. jika nilai yang dikembalikan dari pipeline transformasi $ parsers tidak berubah
2. jika input tetap tidak valid, karena model akan tetap nol
3. jika model diubah bukan dengan nilai input tetapi secara terprogram.

Catatan , arahan ini membutuhkanngModelhadir.

Sintaksis:

< elemen ng-berubah='ekspresi' > elemen >

ekspresi: Ini menentukan ekspresi yang dieksekusi ketika nilai elemen berubah.

Contoh:

 
Harap ketik di kolom masukan:
 
Bidang masukan telah berubah {{count}} kali.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Output (Setelah 3 perubahan)

Harap ketik di kolom masukan:

java deep copy vs shallow copy

Bidang masukan telah berubah 3 kali.

Saya harap, sekarang Anda mungkin sudah memiliki pemahaman yang jelas tentang arahan ng-change, coba gunakan di program Anda dan lihat seberapa banyak yang telah Anda pelajari. Terima kasih sudah membaca.Saya akan merekomendasikan Anda untuk melalui ini Tutorial Sudut Daftar putar video Edureka untuk menonton video dan mempelajari cara bekerja dengan aplikasi Angular.

Sekarang setelah Anda mengetahui Angular Directive, lihat oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas dan tersebar di seluruh dunia. Angular adalah kerangka kerja JavaScript yang digunakan untuk membuat aplikasi web sisi klien yang skalabel, perusahaan, dan kinerja. Dengan adopsi kerangka kerja Angular yang tinggi, manajemen kinerja aplikasi didorong oleh komunitas secara tidak langsung mendorong peluang kerja yang lebih baik. Pelatihan Sertifikasi Sudut bertujuan untuk mencakup semua konsep baru ini seputar Pengembangan Aplikasi Perusahaan.