Pembahasan kemarin kita sudah berhasil membuat pencarian data dan menampilkan data dengan ng-init. Nah pada artikel kali ini saya akan membahas tentang Cara Membuat Controller Dengan Menggunakan AngularJs dimana kita akan menampilkan data dengan menggunakan controller. Karena angularJs ini berjalan dengan konsep MVC maka kita bisa memisahkan antara model, view dan controller.

Cara Membuat Controller Dengan Menggunakan AngularJs kita buat terlebih dahulu struktur htmlnya. Klo teman-teman mengikuti dari awal struktur ini sama seperti pembahasan sebelumnya hanya ada beberapa perubahan saja. Berikut ini adalah scriptnya.

Teman-teman perhatikan script di atas. Disini saya memberikan parameter untuk direktir ng-App dengan nama paramApp yang akan di gunakan untuk membuat module angularJs. Kemudian div dengan direktif ng-controller saya berikan nama parameternya dataTodolist dan karena saya pakai file pembahasan sebelumnya untuk tag input kita biarkan tetap berjalan untuk pencarian data. Tag li ada beberapa perubahan di dalam ng-repeat bagian dataMhs selebihnya sama seperti yang sudah saya jelaskan pada artikel Cara Membuat Pencarian Data Todolist Dengan Menggunakan AngularJs. Dan langkah selanjutnya kita buat module dan controller seperti script di bawah ini teman-teman letakkan di dalam tag body bagian paling bawah.

Oke saya jelaskan satu persatu, pertama saya buat variable baru dengan nama modul untuk membuat module angularJs dengan parameter dari ng-App yang ada di tag body.

Setelah ini baru kita bisa pakai modul angularJs kita untuk membuat controller yang didalamnya ada dua parameter. Parameter pertama untuk mengirimkan data dari fungsi controller ke  ng-controller sehingga namanya saya samakan dengan ng-controller yang ada di tag dan parameter kedua berisi fungsi dengan parameter $scope yang sudah mutlak dari angularJs untuk mendeklarasikan datanya dimana dataMhs ini teman-teman bebas beri nama yang kemudian dalamnya berisi beberapa data yang akan di cetak.

Jika teman-teman masih bingung flow atau alurnya, karena disini memang saya fokus membuat di bagian struktur html baru ke bagian script angularJs. Tapi untuk flow yang benar sebenarnya seperti ini.

Controller – $scope – View

Jadi teman-teman buat bagian controllernya dengan $scope untuk mendeklarasikan datanya baru buat view atau cetak di htmlnya.

Demikian artikel tentang Cara Membuat Controller Dengan Menggunakan AngularJs. Semoga bermanfaat dan selamat mencoba.