Pada kesempatan kali ini saya akan membahas tentang Cara Hapus Data Menggunakan AngularJs. Kelebihannya tentu ketika kita melakukan delete atau hapus data halaman tidak akan melakukan reload. Untuk membuat hapus data dengan angularjs teman-teman harus mengerti cara menampilkan data dengan angularjs yang diambil dari database, seperti yang sudah saya bahas pada artikel sebelumnya yang berjudul Cara Koneksi Database AngularJs Part1 atau Cara Input Data Menggunakan AngularJs Part1.

Dan pada artikel ini saya akan melanjutkan script pada artikel sebelumnya dengan judul . Karena dari mulai struktur html , design database dan fungsi tampil data dengan angular akan saya gunakan kembali di pembahasan kali ini.

Disini saya akan menambahkan tag a untuk delete di dalam tag li yang sebelumnya sudah di buat. Dan berikut ini teman-teman bisa lihat scriptnya di bawah.

Jika sudah teman-teman tambahkan fungsi dengan nama delData() di dalam factory untuk menghapus data dengan satu parameter seperti script di bawah ini.

Dan langkah selanjutnya untuk menyelesaikan artikel tentang Cara Hapus Data Menggunakan AngularJs, teman-teman buat tambahan fungsi di dalam controller. Dan berikut ini scriptnya.

Didalam controller deleteData terdapat dua parameter. Parameter pertama akan digunakan untuk menghapus data di database berdasarkan id yang di klik. Dan parameter kedua adalah index yang digunakan untuk melakukan metode splice atau hapus data di dataPost. Sehingga perubahan data langsung terlihat tanpa harus mereload atau refresh halaman.

Dan langkah terakhir, teman-teman buat file delete.php dengan php seperti biasa untuk melakukan request atau permintaan hapus ke database. Dan berikut ini scriptnya.

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