웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > angularjs

AngluarJS 더블 클릭 이벤트, ng-dblclick() 알아보기

Last Modified : 2019-08-18 / Created : 2018-08-07
4,075
View Count
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 디렉티브를 알아보았습니다.
아래의 글도 찾고 계시지 않나요?

    Previous

    angular cli는 무엇이고 설치 및 사용방법