Masih seputar angularJs, kali ini saya akan membahas tentang Cara Koneksi Database AngularJs Part1. Dimana koneksi database ini saya buat untuk menampilkan sebuah data yang sudah kita sediakan di database dengan menggunakan konsep MVC. Berikut ini database yang sudah saya siapkan untuk di cetak.

Cara Koneksi Database AngularJs Part2

Cara Koneksi Database AngularJs Part1 pertama-tama kita buat terlebih dahulu halaman utamanya dengan nama index.html seperti script di bawah ini.

Teman teman perhatikan pada script angularJs, disini saya seperti biasa membuat modul angularJs dengan parameter yang akan digunakan di ng-App. Kemudian modul yang sudah dibuat, saya gunakan untuk membuat sebuah fungsi direktif dimana didalamnya terdapat 2 parameter. Parameter pertama diambil dari nama attribute yang ada di tag header (text-title) dimana kita hanya perlu menuliskannya dengan  format camelCase untuk membaca symbol dashednya. Dan parameter kedua adalah fungsi yang di dalamnya untuk mengembalikan data atau nilai. Dimana nilai yang dikembalikan ada beberapa data seperti halaman atau template urlnya dengan nama file view.html, kemudian ada  restrict yang berarti kita ambil nama dari textTitle ini berdasarkan attribute di tag header dan di deklarasikan dengan symbol ‘A’. Dan yang terakhir kita buat controller didalamnya yang mana ada dua parameter wajib kita isi yaitu $scope dan $http. Untuk mengambil data dari database kita bisa menggunakan $http dengan metode get yang didalamnya ada parameter yang diambil dari nama file data.php. kemudian ada callback atau then disitu. Didalam then ada parameter dengan nama response (nama bebas) untuk kita bisa mencetak hasilnya. Dan kemudian kita buat $scope disambung dengan nama key apa saja (nama bebas) untuk menampung hasil dari datanya.

Langkah Selanjutnya kita akan buat view.html untuk mencetak datanya dan data.php untuk koneksi ke database dan mengambil datanya.

Demikian artikel tentang Cara Koneksi Database AngularJs Part1. Semoga dapat bermanfaat dan selamat mencoba.