angularjs에서 이벤트를 동작시킬때 클릭이 아닌
더블 클릭을 태그 요소에 바인딩하는 방법을 알아봅니다.
# angularJS 더블 클릭 디렉티브
더블 클릭을 위해서
ngDblclick 디렉티브를 사용할 수 있습니다.
ngDblclick
이 디렉티브는 해당 요소를 더블 클릭해야 이벤트를 동작합니다. 만약 아래와 같은 코드를 작성한 경우 더블 클릭할 때 doSomething() 메소드를 호출하게 됩니다.
<span ng-dblclick="doSomething();">Click</span>
testController에는 아래처럼 doSomething()을 가지고 있습니다.
app.controller('testController', function() {
this.doSomething = function() {
alert('Double Click !!');
};
});
이제 더블클릭하면 doSomething() 메소드가 동작하게 됩니다.
여기까지 ngDblclick 디렉티브를 알아보았습니다.