Tutorial dasar AngularJS

Angular itu adalah salah satu dari framework javascript yang mempermudah dalam nyekrip javascript. sangat mudah sekali. AngularJS ini dibuat oleh google dan berbasis MVC atau Model View Controller. atau MVW

• Download dulu AngularJS nya di situs resminya di sini
• include kan angular.min.js ke halaman html kamu

• Untuk Menjalankan Angular tambahkan ng-app pada body atau tag lain yang menjadi induk
  
• dan untuk mengetest apakah berjalan atau tidak. gunakan simbol {{ kode javascript }}

contoh seperti gambar dibawah

ng-model

ng-model adalah attribut yang disediakan oleh angular yang menjadi model pada MVC atau nama objek yang nantinya akan diolah

contoh sederhana

seperti sintaks diatas isi input yang ber ng-model nama dikeluarkan dibawahnya, dipanggil dengan {{nama}}
untuk pemanggilannya juga bisa menggunakan atribut ng-bind="nama" yang dipasang di tag.

ng-controller

ng-controller berfungsi sebagai penampung data dan sekaligus menjadi kelas dari beberapa objek. namun untuk memasang controller ini kita harus memberikan nama pada ng-app
jadinya :

kalau melihat sintaks diatas controller terletak pada <script> kode kontroller </script> dibawah body

• angular.module untuk mendefinisikan suatu kontroller berjalan pada ng-app yang berisi sama dengan isi module

• .controller('namaKontroller', function($scope){
  }) adalah dasar sintaks membuat suatu kontroller

• $scope.nama adalah objek didalam kontroller

kemudian dipanggil di satu tag div menggunakan ng-controller


untuk langkah berikutnya coba pisahkan antara view, dan kontroller. (model dan kontroller digabung).