Memahami Controller & Scope pada AngularJS - Mr Brohid

AngularJS merupakan kerangka aplikasi web yang bersifat Open Source, dan juga merupakan Frameword yang strucktural dalam pembuatan web dinamis, yang mempermudahkan anda dalam mengekspresikan komponen aplikasi anda secara jelas dan ringkas.

Pada artikel ini kita akan membahas salah satu fitur yang terdapat pada AngularJS yaitu Contorller & Scope. Untuk lebih jelasnya silahkan kalian bisa baca artikel ini sampai selesai agar kalian bisa memagami tentang Controller & Scope pada fitru AngularJS.

1. Controller

Apa sih tugas dari controller tersebut ?. Controller bertugas untuk mengontrol data dan alur kerja pada aplikasi web yang akan kita develop atau kita buat. Pada AngularJS mempunyai system pengembangan berupa MVC (Model View Controller). Pada konsep MVC menekankan kita untuk memisahkan semua alur proses program kedalam Controller yang berbeda-beda sesuai dengan proses yang ingin kita buat.

Di AngularJS sendiri Controller didefinisikan oleh fungsi konstruktor JavaScript yang digunakan untuk menambah Lingkup dari AngularJS. Di bawah ini adalah contoh penggunaan Controller pada AngularJS :

bagian html



Bagian Controller di Javascript



2. Scope

Apa itu Scope ?, Scope merupakan sebuah object menampung data Model yang berisi Method atau variabel yang berfunsi sebagai perantara antara Controller dan View. Anda bisa perhatikan pada contoh bagian Controller, kita bisa mengakases seluruh model dan fungsi dalam GrettingController melalui variable Scope.

Perlu anda ketahui, $scope tidak hanya di gunakan mengambil/menampung variable model yang sudah ada. Namun kita juga bisa mendeklarasikannya sendiri tanpa harus menambahkan directive ng-model yang baru.

Contoh :




Cara menggunakan $scope di AngularJS cukup dengan mempassing $scope di dalam function controller.

Jika ingin mengambil seluruh object dari luar controller yang berbeda, bisa gunakan $rootScope. Scope yang ada dalam object $rootScope mencakup keseluruhan dari isi app. (start from ng-app section)

Nah itulah fungsi dari Controller & Scope pada AngularJS, jika ada yang masih kebingunan silahkan tulis komentar di bawah terimakasih, dan mohon maaf jika ada salah kata atau penulisan pada artikel saya, semoga bermanfaat untuk kalian semua terimakasih.