August 10, 2015

AngularJs ng-mouseenter event example

AngularJs ng-mouseenter event example : AngularJs ng-mouseenter event example binds mouseenter event with elements in html.

AngularJs ng-mouseenter event example

The below example shows the ng-mouseenter event directive.

Example

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>

<body>
<div ng-app="" ng-init="i=1">
    <button ng-mouseenter="i = i+1">Mouse Enter(On Mouseenter)</button>
     Counter = {{i}}
</div>
</body>
</html>

Try it »