AngularJS ng-mouseover 지시

정의와 사용법

ng-mouseover 지시는 마우스 포인터가 특정 HTML 요소에 이동할 때 AngularJS가 실행할 작업을 AngularJS에게 알립니다.

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

예제

마우스 포인터가 <div> 요소에 이동할 때 표현식을 실행합니다:

<div ng-mouseover="count = count + 1" ng-init="count=0">마우스를 위에 두세요!</div>
<h1>{{count}}</h1>

직접 시도해 보세요

문법

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

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

파라미터

파라미터 설명
표현식 마우스 포인터가 요소에 이동할 때 실행할 표현식.