AngularJS ng-click
지시문
예시
버튼을 클릭할 때마다 count 변수를 1씩 늘립니다.
<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>