엔젤어터X ng-mouseleave 지시

정의 및 사용법

ng-mouseleave 지시는 마우스 포인터가 특정 HTML 요소에서 벗어나면 AngularJS가 실행할 작업을 AngularJS에게 알립니다.

AngularJS의 ng-mouseleave 지시는 원래 요소의 onmouseleave 이벤트를 덮어쓰지 않으며, 둘 다 실행됩니다.

예제

마우스 포인터가 <div> 요소에서 벗어나면 표현식을 실행합니다:

<div ng-mouseleave="count = count + 1" ng-init="count=0">마우스를 위에 두세요!(그런 다음 마우스를 벗어나세요...)</div>
<h1>{{count}}</h1>

직접 테스트해 보세요

문법

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

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

파라미터

파라미터 설명
표현식 마우스 포인터가 요소에서 벗어나면 실행되는 표현식.