Oke teman-teman. Kita lanjutkan pembahasan sebelumnya di Cara Input Data Menggunakan AngularJs Part1. Dimana pada artikel sebelumnya saya sudah membuat database struktur html sederhana dan sebuah fungsi didalam factory. Dan di pembahasan kali ini tentang Cara Input Data Menggunakan AngularJs Part2 saya akan membuat sebuah controller untuk menampilkan data dan menyimpan data. Kenapa disini saya membahas juga tentang menampilkan data. Karena agar teman-teman bisa lihat menyimpan data tanpa harus mereload halaman dan data langsung tampil setelah diinput.

Langkah selanjutnya untuk menyelesaikan Cara Input Data Menggunakan AngularJs Part2 teman-teman buat controller sebagai berikut ini.

Dan langkah terakhir teman-teman buat 2 file baru dengan format php. Dan berikan nama data.php untuk mengambil data dari database yang nanti akan kita cetak seperti pada script berikut ini.

Dan file kedua berikan nama add.php dimana ada script php untuk melakukan request atau permintaan simpan data ke dalam database. Dan seperti pada script di bawah ini.

Jika kita lihat file index.html nya secara keseluruhan maka akan seperti pada gambar di bawah ini. Dan jika teman-teman masih bingung datanya di ambil dari mana atau nama parameter di ambil dari mana disini saya berikan tanda dengan warna yang berbeda. Untuk warna yang sama berarti nama tersebut saling berkaitan.

Cara Input Data Menggunakan AngularJs Part2

Demikian artikel tentang Cara Input Data Menggunakan AngularJs Part2. Semoga dapat bermanfaat dan selamat mencoba.

WhatsApp chat