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>

직접 시도해 보세요

문법

<요소 ng-click="표현식</요소>

모든 HTML 요소가 지원됩니다.

매개변수

매개변수 설명
표현식 요소가 클릭될 때 실행되는 표현식.

AngularJS 참조 매뉴얼