Directive ng-click d'AngularJS

Manuel de référence AngularJS

Définition et utilisation

ng-click L'instruction informe AngularJS des opérations à exécuter lors du clic sur un élément HTML.

Exemple

Exemple 1

Chaque fois que vous cliquez sur le bouton, l'variable count augmente de 1 :

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

Essayez-le vous-même

Exemple 2

Lorsque vous cliquez sur un bouton, une fonction est exécutée dans AngularJS :

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Le bouton a été cliqué {{count}} fois.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Essayez-le vous-même

Syntaxe

<élément ng-click="expression</élément>

Tous les éléments HTML supportent.

Paramètres

Paramètres Description
expression Expression à exécuter lorsque l'élément est cliqué.

Manuel de référence AngularJS