AngularJS ng-click Anweisung

AngularJS-Referenzhandbuch

Definition und Verwendung

ng-click Die Anweisung teilt AngularJS mit, welche Aktionen bei einem Klick auf ein HTML-Element ausgeführt werden sollen.

Beispiel

Beispiel 1

Jedes Mal, wenn auf die Schaltfläche geklickt wird, wird die Variable count um 1 erhöht:

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

Probieren Sie es selbst aus

Beispiel 2

In AngularJS wird eine Funktion ausgeführt, wenn auf eine Schaltfläche geklickt wird:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Der Button wurde {{count}} Mal geklickt.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Probieren Sie es selbst aus

Syntax

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

Alle HTML-Elemente unterstützen dies.

Parameter

Parameter Beschreibung
expression Ausdruck, der ausgeführt wird, wenn ein Element angeklickt wird.

AngularJS-Referenzhandbuch