Menyimpan data dalam browser cookies dengan menggunakan ng-cookies

Cookies dalam browser dapat digunakan untuk menyimpan data variable. Data yang berada dalam cookies dapat digunakan sebagai variable yang tetap ada walau halaman web di muat ulang. Jika menggunakan angular maka untuk memanipulasi cookies dapat dengan menggunakan ng-cookies. Install ng-cookies dan untuk measukkan data dalam cookies dapat dengan menggunan cara sebagai berikut

$scope.close = function(){
 $cookies.put('flashStatus', 'hilang');
 $('#div1').addClass('hidden');
};

$(document).ready(function() {
if ($cookies.get('flashStatus') != 'hilang'){  
 $('#div1').css('display', 'block');
 }
});

Pada contoh diatas dibuat fungsi close dalam controller angular dimana jika fungsi tersebut dijalankan maka dalam cookies akan ditaruh variable dengan nama flashStatus yang mempunyai nilai hilang, lalu tambah class hidden kedalam element dengan id div1. Sedangkan fungsi yang kedua berfungsi untuk mengecek status nilai flashStatus dalam cookies, jika tidak mempunyai nilai 'hilang' maka beri css dengan properti display yang bernilai block. Kedua fungsi tersebut berfungsi untuk menyembunyikan elemen dalam halaman html. Karena data yang dicek berada dalam cookies maka elemen yang tersembunyi tersebut akan tetap hilang walaupun halaman di reload. Cara lain untuk memunculkan data dalam cookies dapat dilakukan dengan cara:

$(document).ready(function() {
 document.cookie = "flashStatus='nilai'"; 
})

Untuk memanipulasi data cookie dapat dilihat pada artikel berikut.

Geri Muhano

Web programmer di erabelajar.com. Alumni UIN Jakarta.