AngularJS- ng-click
Direktive
Beispiel
Erhöhen Sie die Zählvariable bei jedem Klick auf die Schaltfläche um eins:
<button ng-click="count = count + 1" ng-init="count=0">OK</button>
Definition und Verwendung
Die ng-click
Direktive teilt AngularJS mit, was zu tun ist, wenn auf ein HTML-Element geklickt wird.
Syntax
<element ng-click="expression"></element>
Unterstützt von allen HTML-Elementen.
Parameterwerte
Value | Description |
---|---|
expression | An expression to execute when an element is clicked. |
Mehr Beispiele
Beispiel
Führen Sie eine Funktion in AngularJS aus, wenn auf eine Schaltfläche geklickt wird:
<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>