ng-mouseleave

What is ng-mouseleave:

ng-mouseleave used to perform any task on mouse leave event..

Description of ng-mouseleave:

ng-mouseleave has 0 priority . perform any particulate task on mouse leave..

Syntax of ng-mouseleave:

<div ng-mouseleave="myfun()"></div>

Or

<div ng-mouseleave="msg='This is angularjs example of ng-mouseleave"></div>

How to Use ng-mouseleave/ng-mouseleave Example::

Example1:

<div ng-init="msg='angularjs example'">

    msg1:{{msg}}

    <div ng-mouseleave="msg='This is angularjs example of ng-mouseleave'">

        msg2:{{msg}}

    </div>

</div>

o/p: msg:angularjs example
  //when ng-mouseleave fire

     msg:This is angularjs example of ng-mouseleave

Example2:

<div ng-app="webapp">

        <div ng-controller="angularjsexampleCtlr">

            <div>

                Angularjs Example of ng-mouseleave

                <br />

                <div ng-init="myexpression='Angularjs Example of ng-mouseleave'">

                    Before ng-mouseleave fired : {{myexpression}}

                    <div  ng-mouseleave="myfun()" />

                    After ng-mouseleave fired :{{myexpression}}

                </div>

              </div>

            </div>

        </div>

    </div>

    <script>

        angular.module('webapp',[]).controller('angularjsexampleCtlr', function ($scope, $http) {

            $scope.myfun = function () {

                $scoep.myexpression = 'This is angularjs example of ng-mouseleave’;

            }

        });

    </script>

   o/p: Before ng-mouseleave fired: Angularjs Example of ng-mouseleave.

            After ng-mouseleave fired :This is angularjs example of ng-mouseleave.