Pada kesempatan kali ini saya akan membahas tentang Cara Menghitung Jumlah Klik Pada AngularJs dimana ketika kita melakukan klik terhadap suatu elemen atau objek maka kita akan menghitungnya berapa kali kita melakukan klik pada elemen tersebut.

Dan untuk Cara Menghitung Jumlah Klik Pada AngularJs kita buat terlebih dahulu sebuah fungsi untuk menghitung jumlah kliknya. Dan berikut ini adalah fungsi angularjs untuk menghitung jumlah klik.

Saya membuat sebuah modul angularjs terlebih dahulu dengan satu parameter yang nanti akan di pakai untuk direktif ng-App. Kemudian saya buat controller dari module app dimana ada dua parameter. Parameter pertama akan saya gunakan untuk direktif ng-controller dan parameter kedua adalah fungsi dengan nilai awal variable count dan dilanjutkan dengan fungsi myFunction yang akan penambahkan count + 1 seterusnya klik fungsi di jalankan.

Langkah selanjutnya kita akan membuat struktur htmlnya seperti pada script di bawah ini.

Teman-teman aktifkan angularjs dengan memberikan direktif ng-App yang ada satu parameter di dalamnya dan nama parameter teman-teman sesuaikan dengan modul angularjs yang sudah dibuat sebelumnya. Karena kita menggunakan controller maka kita juga berikan direktif ng-controller dengan parameter yang disesuaikan dengan controller angularjs yang sudah dibuat.

Didalam tag body saya menyiapkan div dengan satu tombol didalamnya untuk diklik dan saya berikan ng-click dengan parameter myFunction() untuk menjalankan fungsi yang sudah di buat. Kemudian ada satu paragraf untuk menampilkan keterangan tentang jumlah klik pada tombol di atas dengan cara mencetak variable count.

Dibawah ini adalah tampilan di browser ketika tombol kita klik maka akan terus bertambah jumlah kliknya.

Cara Menghitung Jumlah Klik Pada AngularJs

Demikian artikel tentang Cara Menghitung Jumlah Klik Pada AngularJs. Semoga dapat bermanfaat dan selamat mencoba.