AngularJS ng-click ohje

AngularJS viittauskirja

Määrittely ja käyttö

ng-click Ohjeet kertovat AngularJS:lle, mitä toimintoa suorittaa HTML-elementin klikatessa.

Esimerkki

Esimerkki 1

Jokaisen painalluksen yhteydessä lisätään muuttuja count 1:llä:

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

Kokeile itse

Esimerkki 2

AngularJS:ssä, kun painetaan painiketta, suoritetaan funktio:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Tämä painike on napsautettu {{count}} kertaa.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Kokeile itse

syntaksi

<elementti ng-click="ilmaisu</elementti>

Kaikki HTML-elementit tukevat.

parametrit

parametrit kuvaus
ilmaisu Suoritettava ilmaisu, kun elementti napsautetaan.

AngularJS viittauskirja