Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Penggunaan Service pada AngularJS. AngularJS mendukung konsep “Separation of Concerns” dengan menggunakan arsitektur services. services adalah fungsi javascript dan bertanggung jawab untuk melakukan tugas tertentu saja. Hal ini membuat mereka menjadi entitas individu yang dapat dipertahankan dan dapat diuji. Controller, filter bisa memanggil mereka sesuai kebutuhan. services biasanya disuntikkan dengan menggunakan mekanisme injeksi ketergantungan AngularJS.

AngularJS menyediakan banyak services built-in misalnya, $ https :, $ route, $ window, $ location dll. Setiap services bertanggung jawab atas tugas tertentu misalnya, $ https: digunakan untuk membuat panggilan ajax untuk mendapatkan data server. $ route digunakan untuk menentukan informasi routing dan sebagainya. Services inbuilt selalu diawali dengan simbol $.

Ada dua cara untuk membuat services.

  • factory
  • service

Menggunakan factory method.

Dengan menggunakan factory method, pertama-tama kita mendefinisikan sebuah factory dan kemudian menetapkan method. Oke untuk lebih jelasnya silahkan teman – teman lihat di bawah ini:

 

Menggunakan service method.

Dengan menggunakan service method, kita menentukan sebuah service dan kemudian menetapkan method untuk itu. Di baawah ini adalah contoh dari penggunaan service method pada angularJS:

Oke dari dua contoh arahan di atas kita akan membuat sebuah contoh secara utuh tentang cara Penggunaan Service pada AngularJS. Pertama silahkan teman – teman buat satu file dengan nama bebas dengan format .html, kalau sudah silahkan teman isi file tersebut dengan script di bawah ini:

Oke kalau sudah silahkan teman – teman tes jalankan pada browsernya untuk melihat dari hasil codingan di atas. Maka nanti hasilnya akan seperti di bawah ini;

Penggunaan Service pada AngularJS

Oke hasilnya maka akan seperti gambar di atas, jika teman – teman memasukan angka pada input tipe teks terus temen – temen tekan X2 maka angka yang teman – teman masukan angkat terpangkat 2.  OKe cukup mudah bukan, itulah tadi pembahasan saya tentang Penggunaan Service pada AngularJS semoga bermanfaat.