Salah satu keunggunalan dari angularJs adalah ketika ada perubahan data halaman website tidak akan melakukan reload. Hampir sama dengan AJAX, dan disini perubahan data yang terjadi bisa berupa input data, delete data, edit data dan masih banyak lagi. Dan pada kesempatan kali ini saya akan membahas tentang Cara Input Data Menggunakan AngularJs Part1.

Konsepnya disini saya akan membuat sebuah controller dan kumpulan fungsi-fungsi yang saya tampung di factory. Karena disini saya menggunakan data dari database. Teman-teman bisa membuat databasenya terlebih dahulu seperti pada gambar di bawah ini.

Cara Input Data Menggunakan AngularJs Part1

Jika sudah maka langkah berikutnya untuk menyelesaikan Cara Input Data Menggunakan AngularJs Part1 teman-teman buat struktur html sederhana seperi script berikut ini. Dan jangan lupa teman-teman cantumkan link angularJsnya.

Teman-teman perhatikan script di bawah ini. Dimana ada dua attribute atau direktif di dalam body yaitu ng-App=”paramApp” ng-controller=”add” . Dimana ng-App adalah parameter untuk dipakai dalam module angularJs dan ng-controller parameter untuk di pakai membuat controller pada angularJs. Dan dialan tag input saya berikan ng-model untuk mengambil nilai atau value dari input teks. Sedangkan di button saya berikan ng-click dengan parameter function untuk saya gunakan ketika proses simpan data.

Sekarang kita lanjutkan membuat modul angularJs terlebih dahulu seperti script di bawah ini.

Jika sudah lalu kita buat terlebih dahulu fungsi fungsi di dalam factory yang nanti akan digunakan didalam controller.

Teman-teman bisa perhatikan script di atas ini. Dimana saya buat factory dengan dua parameter. Parameter pertama akan digunakan di controller dan parameter kedua adalah fungsi fungsi objek yang hasilnya dikembalikan dan fungsi ini dapat kita pakai berkali-kali. Untuk metode ambil data seperti biasa kita gudakan metode get dan untuk simpan data gunakan post.

Demikian atrikel tentang Cara Input Data Menggunakan AngularJs Part1. Kita lanjutkan di pembahasan berikutnya pada artikel tentang Cara Input Data Menggunakan AngularJs Part2.