Penggunaan Controller Pada AngularJS

Sebelumnya kita telah belajar cara membuat hello world sederhana dengan bantuan ng-model pada angularJS. Nah, kali ini kita akan belajar tentang cara menggunakan controller pada AngularJS. Jangan lupa kita harus menambahkan atau mengaktifkan ng-app pada tag body.

Serta melakukan include script angularJS.

Controller pada dasarnya hanyalah sebuah fungsi javascript biasa dan temen temen bisa ketikkan sebagai berikut dengan tag script

Perhatikanlah pada gambar diatas, pada objek $scope terdapat variabel bernama firstName, dimana isi dari variabel firstName tersebut berupa tulisan DUMET School dan variabel firstName tersebut dapat kita akses melalui view. Untuk mengaksesnya kita menambahkan attribute ng-controller untuk memanggil fungsi dari controller yang telah dibuat dengan nama HaloDunia.

Jadi pada controller terdapat sebuah objek khusus bernama $scope yang memungkinkan kita berkomunikasi antara controller dan view yang artinya semua variabel yang di set menggunakan objek $scope dapat kita akses melalui view.

dan hasilnya akan seperti berikut

Selamat Mencoba ...

14 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat