AngularJS ng-click-instruktion

AngularJS referencer

Definition og brug

ng-click En instruktion fortæller AngularJS, hvilken operation der skal udføres, når der klikkes på et HTML-element.

Eksempel

Eksempel 1

Hver gang der klikkes på knappen, øges variablen count med 1:

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

Prøv det selv

Eksempel 2

I AngularJS udføres en funktion, når der klikkes på en knap:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Denne knap er blevet klikket {{count}} gange.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Prøv det selv

Syntaks

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

Alle HTML-elementer understøtter.

Parametre

Parametre Beskrivelse
udtryk Udførelse af udtryk, når et element klikkes på.

AngularJS referencer