AngularJS ng-click ຄຳສັ່ງ

ຄູ່ມືການອະທິບາຍ 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