AngularJS Services

Layanan AngularJS merupakan komponen penting yang digunakan untuk mengatur dan berbagi kode di seluruh aplikasi. Mereka adalah objek tunggal atau fungsi yang menyediakan fungsionalitas tertentu dan dapat disuntikkan ke berbagai bagian dari aplikasi AngularJS, seperti controller, directive, dan layanan lainnya.

Ada beberapa jenis layanan dalam AngularJS:

1. Layanan bawaan: AngularJS menyediakan berbagai layanan bawaan yang menangani tugas-tugas umum seperti permintaan HTTP ($http), memantau perubahan ($scope), waktu tunggu ($timeout), dll.

2. Layanan kustom: Ini adalah layanan yang Anda buat untuk mengemas fungsionalitas khusus atau logika bisnis yang dapat dibagi dan digunakan kembali di seluruh aplikasi Anda.

AngularJS menawarkan beberapa cara untuk membuat layanan kustom:

• Factory: Factory adalah fungsi yang mengembalikan objek atau fungsi lain. Ini memungkinkan Anda membuat dan mengembalikan objek yang mewakili layanan.

  javascriptCopy code

  angular.module('myApp', []) .factory('myService', function() { var layanan = {}; layanan.lakukanSesuatu = function() { // Fungsionalitas dari layanan return 'Melakukan sesuatu...'; }; return layanan; });

• Service: Layanan merupakan fungsi konstruktor dan menggunakan kata kunci this untuk mendefinisikan metode dan properti untuk layanan tersebut.

  javascriptCopy code

  angular.module('myApp', []) .service('myService', function() { this.lakukanSesuatu = function() { // Fungsionalitas dari layanan return 'Melakukan sesuatu...'; }; });

• Provider: Provider digunakan ketika Anda ingin membuat layanan yang dapat dikonfigurasi. Mereka lebih kompleks daripada factory atau service dan memungkinkan konfigurasi sebelum layanan tersebut diinisialisasi.

  javascriptCopy code

  angular.module('myApp', []) .provider('myService', function() { var nilaiKonfigurasi = ''; this.setKonfigurasi = function(nilai) { nilaiKonfigurasi = nilai; }; this.$get = function() { return { lakukanSesuatu: function() { // Fungsionalitas dari layanan menggunakan nilaiKonfigurasi return 'Melakukan sesuatu dengan ' + nilaiKonfigurasi; } }; }; });

• Constant dan Value: Ini digunakan untuk membuat nilai atau objek sederhana yang dapat disuntikkan ke seluruh aplikasi. Konstanta didefinisikan menggunakan .constant dan nilai menggunakan .value.

Ingatlah, layanan dalam AngularJS mengikuti pola singleton, artinya hanya ada satu instance dari sebuah layanan yang dibuat dan digunakan di seluruh aplikasi.