Multiple delete adalah suatu kegiatan menghapus data lebih dari satu. Dimana data yang akan di hapus harus di pilih terlebih dahulu dengan menggunakan checkbox atau tombol lainnya. Dan sekarang akan saya bahas multiple delete dengan angularjs pada artikel dengan judul Cara Membuat Multiple Delete Dengan AngularJs.

Cara Membuat Multiple Delete Dengan AngularJs langkah pertama yang akan saya buat adalah membuat sebuah data di dalam controller angularjs yang nanti akan saya tampilkan di html. Dan berikut ini adalah scriptnya.

Jika sudah kita lanjutkan dengan membuat sebuah fungsi hapus masih dalam controller yang sama untuk menghapus data todolistnya seperti script di bawah ini.

Dan langkah terakhir untuk membuat multiple delete dengan menggunakan angularjs adalah membuat struktur htmlnya untuk menampilkan data todolist yang sudah di buat didalam controller dengan input checkbox di samping teksnya. Dan saya buat satu tombol hapus dengan menggunakan tag ‘a’.

Disini saya berikan ng-click=”todoList.delete() pada tag a untuk menjalankan fungsi hapus yang sudah dibuat di dalam controller.

Dan jika sudah selesai teman-teman bisa lihat di browser masing-masing maka tampilannya akan seperti gambar di bawah ini. Ketika kita checked atau pilih input checkboxnya dan kemudian tombol hapus di atas kita klik maka data todolist akan hilang atau terhapus tanpa harus mereload halamannya.

Cara Membuat Multiple Delete Dengan AngularJs

Demikian artikel tentang Cara Membuat Multiple Delete Dengan AngularJs. Semoga dapat bermanfaat dan selamat mencoba.