ng-clickDirective AngularJS


Exemple

Augmentez la variable count de un, chaque fois que le bouton est cliqué :

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

Définition et utilisation

La ng-clickdirective indique à AngularJS quoi faire lorsqu'un élément HTML est cliqué.


Syntaxe

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

Pris en charge par tous les éléments HTML.


Valeurs des paramètres

Value Description
expression An expression to execute when an element is clicked.

Plus d'exemples

Exemple

Exécute une fonction, en AngularJS, lorsqu'un bouton est cliqué :

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>The 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>