ng-clickDirectiva AngularJS


Ejemplo

Aumente la variable de conteo en uno, cada vez que se haga clic en el botón:

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

Definición y uso

La ng-clickdirectiva le dice a AngularJS qué hacer cuando se hace clic en un elemento HTML.


Sintaxis

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

Compatible con todos los elementos HTML.


Valores paramétricos

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

Más ejemplos

Ejemplo

Ejecute una función, en AngularJS, cuando se haga clic en un botón:

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