Angularjs의 click, ngclick에 대해서 알아보겠습니다.
click은 버튼 클릭 이벤트입니다.
ng-click과 dbl-click을 사용해보겠습니다.
- html
<body ng-app="myApp">
<div ng-controller="ctrl1">
<button ng-click="click1()">버튼 클릭</button>
<hr/>
<button ng-click="able && click2()">버튼 클릭이 안돼요</button>
<hr/>
<button ng-dblclick="click3()">더블 클릭</button>
</div>
</body>
- javascript
var app = angular.module('myApp', []);
app.controller('ctrl1', function($scope) {
$scope.able = false;
$scope.click1 = function() {
alert("버튼 클릭");
}
$scope.click2 = function() {
alert("버튼 클릭");
}
$scope.click3 = function() {
alert("더블 클릭");
}
});
간단하게 버튼 클릭을 구현할 수 있습니다.
두번째 예제 같은 경우에는 false 값을 ng-click 안에 넣어줘서 클릭이 안되게 막을 수 있습니다.
ng-dblclick은 더블 클릭 이벤트로 더블 클릭으로 작동하게 됩니다.
예제 : 이동
'AngularJS' 카테고리의 다른 글
| [Angularjs] Angularjs ng-style, ngStyle, angurlajs css 적용 (0) | 2016.01.19 |
|---|---|
| [Angularjs] filter, $filter, 필터링, 재정렬 (0) | 2015.12.22 |
| [Angularjs] repeat, ngrepeat, 배열, 배열 처리, 반복, 반복문 (0) | 2015.12.15 |
| [Angularjs] angularjs controller 컨트롤러 (0) | 2015.12.14 |
| [Angularjs] angularjs $scope 스코프 (0) | 2015.12.14 |