Οδηγός για την εντολή ng-click της AngularJS

AngularJS Reference Manual

Ορισμός και χρήση

ng-click Η εντολή ενημερώνει την AngularJS για τη λειτουργία που πρέπει να εκτελεστεί όταν πατηθεί το στοιχείο HTML.

Επίδειξη

Παράδειγμα 1

Με κάθε πατήσιμο του κουμπιού, αυξάνεται η μεταβλητή count κατά 1:

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

Try it yourself

Παράδειγμα 2

Στην AngularJS, όταν πατηθεί το κουμπί, εκτελείται μια συνάρτηση:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>This button has been clicked {{count}} times.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Try it yourself

Syntax

<element ng-click="expression</element>

All HTML elements support this.

Parameters

Parameters Description
expression The expression to be executed when the element is clicked.

AngularJS Reference Manual