AngularJS ng-click Düzenleyicisi

AngularJS Referans El Kitabı

Tanım ve Kullanım

ng-click Düzenleyici AngularJS'nin HTML elementine tıkladığınızda çalıştırmak istediği işlemi söyleyen bir talimattır.

Örnek

Örnek 1

Düğmeye her tıkladığınızda, değişken count 1 artırılır:

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

Kişisel olarak deneyin

Örnek 2

AngularJS'te, düğmeye tıkladığınızda bir fonksiyon çalıştırılır:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Buton {{count}} kez tıklandı.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Kişisel olarak deneyin

Sözdizimi

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

Tüm HTML elementleri destekler.

Parametre

Parametre Açıklama
ifade Element tıklanırken çalıştırılacak ifade.

AngularJS Referans El Kitabı