Fungsi $digest dan $appy pada AngularJS

Halo teman teman di panduan kali ini saya akan menjelaskan mengenai Manfaat $digest dan $appy di AngularJS, oke teman teman yang pertama-tama kita akan bahas dulu mengenai $digest di AngularJS.

$digest berfungsi bagi mengecek apakah nilai yang diawasi dari watch dapat berubah atau tak, dan sekiranya nilainya berubah karenanya $digest akan memanggil manfaat yang menjadi parameter kedua dari watch. kalau teman teman masih belum paham mengenai watch dapat lihat panduan saya di Fungsi $watch pada AngularJS.

Dan ada suatu kasus dimana kita mesti menggunakan $digest supaya nilai dari variable dapat berubah atau terupdate, nah sekiranya di kasus tertentu dikala kita mengerjakan sebuah proses data binding dan ada sebuah data baru yang tak berubah, karenanya kondisi seperti ini disebabkan karena  $digest tak jalan secara otomatis, tetapi malah sebaliknya kita menjalankannya secara manual, dan kini coba teman teman perhatikan di script dibawah ini saya menggunakan $digest, dan script dibawah ini pun dapat teman teman lihat di panduan sebelumnya mengenai Cara Penggunaan Scope pada Angular JS part 1.

app.directive('myDirective',function(){
  return {
    restrict : 'EA',
    tema : '<h2>Hello {{dumet}}</h2>',
    replace : true,
    link : function(scope,elem,attrs){
        elem.bind('click',function(){
          scope.dumet='Saya kursus disini';
          scope.$digest();
        });
    }
  };
});

Di script diatas sekiranya kita coba bagi menghapus scope.$digest(); yang terdapat diatas, karenanya variable dumet yang berisi Saya kursus disini tak akan muncul di view, karena $digest berada diluar jangkauan dari $scope yang terdapat di controller.

Berikutnya $apply method ini adalah penyederhanaan dari pemakaian $digest. $apply berfungsi bagi menjalankan sebuah parameter bagi menjalankan $digest secara otomatis, sehingga ketika sebuah variable kita klik karenanya variable tersebut dapat berubah secara otomatis, dan silahkan teman teman perhatikan script dibawah ini,

app.directive('oneWay',function(){
return {
restrict:'E',
scope:{
title:'@'
},
tema:'<h2>Title Inside : {{title}}</h2>',
link : function(scope,elem,attrs){
elem.bind('click',function(){
scope.$apply(function() {
scope.title = Source Code Aplikasi;
});
});
}
};
});

Bagi lebih jelas mengenai script nya teman teman dapat lihat panduan sebelumnya di Cara Memberikan Nilai Isolate scope pada Angular JS Part 1

Oke teman teman telah lumayan paham yaa mengenai Manfaat $digest dan $appy di AngularJS, nya sekianlah dulu panduan saya kali ini mengenai Manfaat $digest dan $appy di AngularJS

Semoga bermanfaat, Terimakasih.

Sumber https://kursuswebsite.org