Instruksi ng-click AngularJS

Panduan Referensi AngularJS

Definisi dan penggunaan

ng-click Instruksi memberitahu AngularJS tentang operasi yang akan dieksekusi saat elemen HTML diklik.

Contoh

Contoh 1

Setiap kali tombol diklik, variabel count akan bertambah 1:

<button ng-click="count = count + 1" ng-init="count=0">OK</button>

Coba sendiri

Contoh 2

Pada AngularJS, saat tombol diklik, eksekusi suatu fungsi:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p> Tombol ini sudah di klik {{count}} kali.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Coba sendiri

Syarat

<elemen ng-click="ekspresi</elemen>

Semua elemen HTML mendukung.

Parameter

Parameter Deskripsi
ekspresi Ekspresi yang akan dieksekusi saat elemen di klik.

Panduan Referensi AngularJS