تعليمات ng-click لـ AngularJS

دليل مرجعي AngularJS

تعريف والاستخدام

ng-click تعليمات AngularJS تخبر 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