AngularJS ng-click-instruktion

AngularJS referenshandbok

Definition och användning

ng-click Instruktionen informerar AngularJS om vilka operationer som ska utföras när du klickar på HTML-element.

Exempel

Exempel 1

Varje gång du klickar på knappen ökar variabeln count med 1:

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

Prova själv

Exempel 2

I AngularJS utför en funktion när du klickar på en knapp:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Knappen har klickats {{count}} gånger.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prova själv

Syntax

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

Alla HTML-element stöder.

Parametrar

Parametrar Beskrivning
expression Uttryck att utföra när elementet klickas på.

AngularJS referenshandbok