Instrução ng-click do AngularJS

Manual de Referência AngularJS

Definição e uso

ng-click A instrução informa ao AngularJS qual operação executar ao clicar em elementos HTML.

Exemplo

Exemplo 1

Cada vez que clicar no botão, incrementa a variável count em 1:

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

Experimente você mesmo

Exemplo 2

No AngularJS, ao clicar no botão, executa uma função:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>O botão foi clicado {{count}} vezes.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Experimente você mesmo

Sintaxe

<elemento ng-click="expressão</elemento>

Todos os elementos HTML suportam.

Parâmetros

Parâmetros Descrição
expressão Expressão a ser executada quando o elemento for clicado.

Manual de Referência AngularJS