Fungsi $digest dan $appy pada AngularJS

Halo teman teman pada tutorial kali ini saya akan menjelaskan tentang Fungsi $digest dan $appy pada AngularJS, oke teman teman yang pertama kita akan bahas dulu tentang $digest pada AngularJS.

$digest berfungsi untuk mengecek apakah nilai yang diawasi dari watch dapat berubah atau tidak, dan jika nilainya berubah maka $digest akan memanggil fungsi yang menjadi parameter kedua dari watch. kalau teman teman masih belum paham tentang watch bisa lihat tutorial saya pada Fungsi $watch pada AngulaJS.

Dan ada suatu kasus dimana kita harus menggunakan $digest supaya nilai dari variable dapat berubah atau terupdate, nah jika pada kasus tertentu saat kita melakukan sebuah proses data binding dan ada sebuah data baru yang tidak berubah, maka kondisi seperti ini disebabkan karena  $digest tidak jalan secara otomatis, tetapi malah sebaliknya kita menjalankannya secara manual, dan sekarang coba teman teman perhatikan pada script dibawah ini saya menggunakan $digest, dan script dibawah ini juga bisa teman teman lihat pada tutorial sebelumnya tentang Cara Penggunaan Scope pada Angular JS part 1.

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

Pada script diatas jika kita coba untuk menghapus scope.$digest(); yang terdapat diatas, maka variable dumet yang berisi Saya kursus disini tidak akan muncul di view, karena $digest berada diluar jangkauan dari $scope yang terdapat pada controller.

Selanjudnya $apply method ini merupakan penjederhanaan dari penggunaan $digest. $apply berfungsi untuk menjalankan sebuah parameter untuk menjalankan $digest secara otomatis, sehingga ketika sebuah variable kita klik maka variable tersebut dapat berubah secara otomatis, dan silahkan teman teman perhatikan script dibawah ini,

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

Untuk lebih jelas tentang script nya teman teman bisa lihat tutorial sebelumnya pada Cara Memberikan Nilai Isolate scope pada Angular JS Part 1

Oke teman teman sudah cukup paham yaa tentang Fungsi $digest dan $appy pada AngularJS, nya sekian dulu tutorial saya kali ini mengenai Fungsi $digest dan $appy pada AngularJS

Semoga bermanfaat, Terimakasih.

The post Fungsi $digest dan $appy pada AngularJS appeared first on Kursus Website Terbaik.