Instrukcja ng-click w AngularJS

Podręcznik referencyjny AngularJS

Definicja i użycie

ng-click Instrukcja informuje AngularJS, jakie operacje mają być wykonane po kliknięciu elementu HTML.

Przykład

Przykład 1

Za każdym razem, gdy klikniesz przycisk, zmienna count zwiększy się o 1:

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

Spróbuj sam

Przykład 2

W AngularJS, gdy klikniesz przycisk, wykona się funkcja:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Przycisk został kliknięty {{count}} razy.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Spróbuj sam

Gramatyka

<element ng-click="wyrażenie</element>

Wszystkie elementy HTML obsługują wyrażenia.

Parametry

Parametry Opis
wyrażenie Wyrażenie do wykonania, gdy element jest klikany.

Podręcznik referencyjny AngularJS