คำสั่ง 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