ANGULARJS Basic Ng-mouseover Instruction Simple example _angularjs

Angularjs ng-mouseover Instruction

Angularjs instance

Executes an expression when the mouse pointer moves over the element:

<!--</span--> DOCTYPE HTML >
< HTML >
 < head >
< meta charset = "utf-8" >
< script SRC = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" > < / script >

 < / head >

< body ng - app = "" >


<div ng-mouseover="count = count + 1" ng-init="count=0"> over here! < / div >

< h1 > {{count}} < / h1 >


 this instance automatically increments the calculated variable "count" by 1 when the mouse moves over the DIV element. < / p >

 < / body >
< / HTML >
</div>

Definitions and usage

The ng-mouseover directive is used to tell angularjs what to do when the mouse moves over the specified HTML element.

The ng-mouseover directive does not overwrite the native onmouseover event of the element, and the ng-mouseover expression and the native onmouseover event are executed when the event is triggered.

Grammar

<element ng-mouseover= "expression" ></element>

All HTML elements support this directive.

Parameter values

value	Description
Expression	An expression that executes when the mouse is moved over an element.

The above is the Angularjs ng-mouseover instructions of the data collation, follow-up continue to add, thank you for your support!