Semua yang Perlu Anda Ketahui tentang Fungsi jam Angular JS



Artikel ini akan memberi Anda pengetahuan terperinci dan komprehensif tentang cara Mengimplementasikan Fungsi jam tangan JS Angular.

Itu Fungsi JS $ scope adalah beberapa fungsi utama. Pada artikel ini, kita akan membahas fungsi jam tangan Angular JS dengan urutan sebagai berikut:

Apa fungsi jam JS sudut?

Fungsi jam JS $ sudut digunakan untuk melihat objek lingkup. Jam tangan $ mengawasi variabel dan karena nilai variabel mengubah sudut JS $ apa yang menjalankan fungsi. Fungsi ini mengambil dua argumen, satu adalah nilai baru dan parameter lainnya adalah nilai lama.





jam tangan angular js

untuk apa mongodb digunakan

Bagaimana cara menggunakan fungsi jam JS sudut?

Mari kita ambil contoh sederhana tentang apa sebenarnya fungsi jam tangan di JS sudut. Jadi dalam program JS sudut kami, kami membuat dua file di sana index.js bertanggung jawab untuk frontend dan app.js bertanggung jawab untuk menangani backend. Disini kita membuat program sederhana dengan form dan form ini memiliki field input. Ketika kita memberikan nama ke dalam kolom input, pesan output menunjukkan nilai lama dan nilai baru.



Kode HTML

Halaman index.html kami memiliki aplikasi sudut dengan nama ngWatchApp dan pengontrol dengan nama tersebutwatchController. Kemudian kami membuat formulir dengan nama bidang input dan nilai bidang input itu kami cetak di tag h1 dan pesan dicetak di

menandai.

Contoh jam tangan sudut Masukkan nama Anda

{{pesan}}

iso 9000 vs six sigma

Kode JavaScript

Di app.js kami membuat aplikasi dengan nama ngWatchApp dan pengontrol dengan namawatchController. Selanjutnya, kita mendefinisikan dua variabel dalam ruang lingkup dengan nama, nama, dan pesan dan dalam fungsi jam tangan kita melewati dua parameter, satu adalah nama bidang yang terpengaruh saat berubah dan lainnya adalah fungsi yang juga memiliki dua parameter, nilai baru, dan nilai lama. Terakhir, kami menambahkan dua nilai dalam variabel pesan dan variabel pesan ditampilkan diindex.htmlhalaman.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// menambahkan variabel lingkup $ scope.name = '' $ scope.message = '' // tambahkan jam tangan dengan bidang nama $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus is $ {newValue} dan nilai lama $ {oldValue}`} )})

Setiap kali kita melihat suatu fungsi, maka fungsi ini dipanggil beberapa kali menurut digest. Setiap kali kode dijalankan, AngularJS meneruskan referensi $ scope saat ini sebagai argumen pertama. Tidak hanya itu berarti bahwa kita dapat mereferensikan cakupan yang tepat dari dalam badan fungsi itu juga berarti bahwa kita dapat mengamati fungsi apa pun yang mengharapkan referensi $ scope.

Ini adalah bagaimana kita dapat menggunakan fungsi angular js watch () dalam aplikasi untuk melihat perubahan variabel $ scope. Ada beberapa hal lain yang bekerja dengan $ watch ini adalah fungsi $ digest () berulang melalui semua jam tangan di objek $ scope saat$ intisari ()mengulangi jam tangan, ini memanggil fungsi nilai untuk setiap jam tangan. Itu$ scope. $ apply ()fungsi mengambil fungsi sebagai parameter yang dieksekusi, dan setelah itu$ scope. $ digest ()disebut secara internal.

Dengan ini, kita sampai pada akhir artikel Fungsi jam JS Angular ini. Jika Anda ingin mempelajari lebih lanjut tentang kerangka kerja Angular, lihat yang dilengkapi dengan pelatihan langsung yang dipimpin instruktur dan pengalaman proyek kehidupan nyata. Pelatihan ini akan membantu Anda memahami Angular secara mendalam dan membantu Anda menguasai subjek.

Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Fungsi Jam JS Angular' dan Kami akan menghubungi Anda kembali.