অ্যাংগুলারজস্‌ ng-click ইনস্ট্রাকশন

คู่มืออ้างอิง AngularJS

সংজ্ঞা ও ব্যবহার

ng-click ইনস্ট্রাকশন অ্যাংগুলারজস্‌-কে হলোগ্রেফ এলিমেন্ট ক্লিক করলে কী করা হবে বলে জানায়。

প্রতিমান

উদাহরণ 1

বুটনটি প্রতিটি ক্লিক করলে, বিন্যাসটি কাউন্ট 1 বাড়ায়:

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

ทดลองด้วยตัวเอง

উদাহরণ 2

অ্যাংগুলারজস্‌-এর মধ্যে, বুটনটি ক্লিক করলে একটি ফাংশন চালু করা হয়:

<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 expression ที่ต้องทำงานเมื่อ element ถูกคลิก

คู่มืออ้างอิง AngularJS