ล่าสุดการพัฒนาเว็บบทเรียน
 

AngularJS NG-คลิก Directive


ตัวอย่าง

เพิ่มตัวแปรนับโดยหนึ่งในแต่ละครั้งที่มีการคลิกปุ่ม:

<button ng-click="count = count + 1" ng-init="count=0">OK</button>
ลองตัวเอง»

ความหมายและการใช้งาน

ng-click สั่งบอก AngularJS จะทำอย่างไรเมื่อองค์ประกอบ HTML มีการคลิก


วากยสัมพันธ์

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

สนับสนุนโดยองค์ประกอบ HTML ทั้งหมด


ค่าพารามิเตอร์

Value Description
expression An expression to execute when an element is clicked.

ตัวอย่างเพิ่มเติม

ตัวอย่าง

ฟังก์ชั่นการดำเนินการใน AngularJS เมื่อมีการคลิกปุ่ม:

<body ng-app="myApp">

<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>The button has been clicked {{count}} times.</p>
</div>

<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    };
}]);
</script>

</body>
ลองตัวเอง»