Terapkan deteksi perubahan yang lebih cepat untuk pengalaman pengguna yang lebih baik.
Angular menjalankan mekanisme deteksi perubahannya secara berkala sehingga perubahan pada model data tercermin dalam tampilan aplikasi. Deteksi perubahan dapat dipicu secara manual atau melalui peristiwa asinkron (misalnya, interaksi pengguna atau penyelesaian XHR).
Deteksi perubahan adalah alat yang canggih, tetapi jika dijalankan terlalu sering, deteksi ini dapat memicu banyak komputasi dan memblokir thread browser utama.
Dalam postingan ini, Anda akan mempelajari cara mengontrol dan mengoptimalkan mekanisme deteksi perubahan dengan melewati bagian aplikasi dan menjalankan deteksi perubahan hanya jika diperlukan.
Di dalam deteksi perubahan Angular
Untuk memahami cara kerja deteksi perubahan Angular, mari kita lihat aplikasi contoh.
Anda dapat menemukan kode untuk aplikasi di repositori GitHub ini.
Aplikasi ini mencantumkan karyawan dari dua departemen di sebuah perusahaan—penjualan dan R&D—dan memiliki dua komponen:
AppComponent, yang merupakan komponen root aplikasi, dan- Dua instance
EmployeeListComponent, satu untuk penjualan dan satu untuk R&D.