Hướng dẫn ng-click của AngularJS

Sách tham khảo AngularJS

Định nghĩa và cách sử dụng

ng-click Hướng dẫn AngularJS thực hiện các thao tác khi nhấn các phần tử HTML.

Mô hình

Ví dụ 1

Mỗi khi nhấn nút, biến count sẽ tăng thêm 1:

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

Thử nghiệm trực tiếp

Ví dụ 2

Trong AngularJS, khi nhấn nút, sẽ thực hiện một hàm:

<body ng-app="myApp">
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">OK</button>
    <p>Nút này đã được nhấp {{count}} lần.</p>
</div>
<script>
angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
    $scope.count = 0;
    $scope.myFunc = function() {
        $scope.count++;
    });
});
</script>
</body>

Thử nghiệm trực tiếp

Cú pháp

<element ng-click="biểu thức</element>

Tất cả các phần tử HTML đều hỗ trợ.

Tham số

Tham số Mô tả
biểu thức Biểu thức cần thực hiện khi phần tử được nhấp.

Sách tham khảo AngularJS