Angularjs Examples

AJS Examples

AngularJS ng-MouseOver Directive

The AngularJS ng-mouseover directive is used to attach specific functionality on mouse over event.


<button ng-mouseover="callFunction()"> 

AngularJS ng-MouseOver Directive Example

<script src= ""></script>
<script type="text/javascript">
//Defining Controller Using Standard Javascrip Object Constructor
var app = angular.module('myApp', []);
app.controller('homeCtrl', function ($scope) {
    $scope.alert = function () {
        alert('Mouse Over Event Demo');

<div ng-app="myApp" ng-controller="homeCtrl">
    <div ng-mouseover="alert();" style="background:#3dd33d;">
        Tech Strikers

See Live Example