Istruzione ng-click di AngularJS

Manuale di riferimento AngularJS

Definizione e uso

ng-click L'istruzione dice a AngularJS cosa fare quando si clicca su un elemento HTML.

Esempio

Esempio 1

Ogni volta che si clicca sul pulsante, la variabile count viene aumentata di 1:

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

Prova tu stesso

Esempio 2

In AngularJS, quando si clicca su un pulsante viene eseguita una funzione:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Questo pulsante è stato cliccato {{count}} volte.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prova tu stesso

Sintassi

<elemento ng-click="espressione</elemento>

Tutti gli elementi HTML supportano.

Parametro

Parametro Descrizione
espressione Espressione da eseguire quando l'elemento viene cliccato.

Manuale di riferimento AngularJS