Instrucción ng-click de AngularJS

Manual de referencia de AngularJS

Definición y uso

ng-click La instrucción le dice a AngularJS qué operación ejecutar al hacer clic en un elemento HTML.

Ejemplo

Ejemplo 1

Cada vez que se hace clic en el botón, se incrementa la variable count en 1:

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

Pruebe usted mismo

Ejemplo 2

En AngularJS, al hacer clic en un botón se ejecuta una función:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Este botón ha sido presionado {{count}} veces.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Pruebe usted mismo

Sintaxis

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

Todos los elementos HTML admiten.

Parámetros

Parámetros Descripción
expression Expresión que se debe ejecutar cuando se hace clic en el elemento.

Manual de referencia de AngularJS