دستورالعمل ng-click AngularJS

دستورالعمل مرجع AngularJS

تعریف و استفاده

ng-click دستورالعمل به AngularJS می‌گوید که چه عملی باید انجام دهد هنگام کلیک بر روی عناصر HTML.

مثال

مثال 1

هر بار که بر روی دکمه کلیک می‌کنید، متغیر count را 1 افزایش دهید:

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

آزمایش کنید

مثال 2

در AngularJS، هنگام کلیک بر روی دکمه، یک تابع اجرا می‌شود:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>این دکمه {{count}} بار کلیک شده است.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

آزمایش کنید

قوانین

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

تمام عناصر HTML از آن پشتیبانی می‌کنند.

پارامترها

پارامترها توضیح
expression عبارتی که باید اجرا شود وقتی عناصر کلیک می‌شوند.

دستورالعمل مرجع AngularJS