ng-clickDiretiva AngularJS


Exemplo

Aumente a variável count em um, cada vez que o botão for clicado:

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

Definição e uso

A ng-clickdiretiva diz ao AngularJS o que fazer quando um elemento HTML é clicado.


Sintaxe

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

Suportado por todos os elementos HTML.


Valores de parâmetro

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

Mais exemplos

Exemplo

Execute uma função, em AngularJS, quando um botão é clicado:

<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>