Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Menggunakan Fungsi Includes – AngularJS. HTML tidak mendukung penyisipan halaman html dalam halaman html. Untuk mencapai fungsi ini kita harus menggunakan yang namanya Using Ajax (atau menggunkan ajax) dan Using Server Side Includes (Menggunakan Server Side Includes). Apa sih maksud dari keduanya itu berikut ini saya akan beri penjelasannya:

  • Menggunakan Ajax – Membuat panggilan server untuk mendapatkan halaman html yang sesuai dan mengaturnya di innerHTML kontrol html.
  • Menggunakan Server Side Includes – JSP, PHP dan teknologi server sisi web lainnya dapat menyertakan halaman html dalam halaman dinamis.

Dengan menggunakan AngularJS, kita dapat menyematkan halaman HTML dalam halaman HTML menggunakan perintah ng-include.

 

Berikut ini saya akan memberikan contoh tentang cara menggunakan angularJS includes :

pertama buat file main.htm   

Yang kedua bikin file dengan nama subjects.htm

 

Oke kalau sudah sekarang kita akan mengincludes file di atas seperti di bawah ini:

buat file AngularJS.htm seperti di bawah ini:

OKe kalau sudah silahkan save file di atas, untuk melihat hasilnya silahkan buka pada browsernya. Oke itulah tadi pembahasan saya tentang Cara Menggunakan Fungsi AngularJS – Includes semoga bermanfaat.