Pembahasan sebelumnya tentang Cara Koneksi Database AngularJs Part1 kita sudah membuat script angular untuk memanggil file data.php dan mencetaknya di view.html. Dan sekarang kita akan membuat dua file tersebut masih di artikel tentang  Cara Koneksi Database AngularJs Part2.

Cara Koneksi Database AngularJs Part2 kita buat file data.php terlebih dahulu untuk melakukan koneksi database menggunakan php seperti biasa untuk mengambil data yang akan di cetak berikut ini script phpnya. Teman-teman bisa salin saja.

Saya tidak akan menjelaskan tentang script php di atas karena saya anggap sudah mengerti buat teman-teman yang ingin belajar angularJs. Yang teman-teman harus perhatikan script php di atas adalah hasil output harus di encode untuk dapat mencetak data di file view.html . Kemudian kita akan buat file terakhir untuk mencetaknya dengan nama view.html.

Didalam file view.html ini kita hanya perlu ul li dengan direktif ng-repeat untuk mencetaknya.

Dan dn adalah nama alias dari dataPost dan nama dataPost di ambil dari script di halaman index.html di bawah ini.

$scope.dataPost = response.data;

Lalu cara mencetaknya tinggal menggunakan kurung kurawel ‘{{}}’ dua kali yang didalamnya ada nama alias dn disambung dengan nama key atau nama kolom yang kita ambil dari¬† table database yang sudah kita buat sebelumnya di part1.

Jika teman-teman buka file index.html di localhost pada browser masing-masing maka akan tampak sepeti pada gambar di bawah ini.

Cara Koneksi Database AngularJs Part2

Demikian artikel tentang Cara Koneksi Database AngularJs Part2. Semoga dapat bermanfaat untuk teman-teman. Buat teman-teman yang penasaran bisa langsung mencobanya dan mengikuti step by stepnya. Selamat mencoba.