Hallo teman teman, bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan sedikit belajar tentang angular js, apa itu angular js? untuk teman-teman yang sudah familiar dengan javascript pasti sudah tidak asing lagi dengan kata-kata ini.

Angular js adalah sebuah framework javascript open source yang dirilis oleh google pada tahun 2009, konsep dari angular itu sendiri memiliki konsep yang sama dengan framework lainnya yaitu memiliki konsep (M,V,C) yaitu model, view, controller.

Nah untuk pengenalannya coba teman-teman ketikan script berikut:

Letakan script di atas di antara tag head pada struktur htmlnya, fungsi dari script di atas adalah link untuk memanggil framework angular js secara online, jadi teman-teman harus terkoneksi dengan internet ya.

Nah sekarang silahkan coba teman-teman ketikan script berikut di bagian body pada file html teman-teman :

Penjelasan dari script di atas adalah :

  1. fungsi ng-app adalah untuk mendefinisikan sebuah komponen angularJS
  2. fungsi ng-model adalah untuk mengambil nilai pada tag HTML (input , select , textarea )
  3. fungsi ng-bind adalah untuk mencetak nilai yang telah ada pada ng-model

Nah jika sudah teman-teman bisa save lalu coba jalankan pada browser masing-masing.

Jika benar maka hasilnya akan seperti berikut :

mme

Oke cukup sekian tutorial angular js kali ini, semoga bermanfaat, silahkan mencobanya sendiri.

Terimakasih.