Penggunaan Controller Pada AngularJS

14/03/2015    Ekky Ridyanto    2643     Website

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 ...

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More