ng-focus

What is ng-focus:

ng-focus used to perform any task on mouse over event..

Description of ng-focus:

ng-focus has 0 priority . perform any particular task on focus..

Syntax of ng-focus:

<element ng-focus="myfun()"></element>

Or

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

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

Example 1:

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

    msg1:{{msg}}

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

        msg2:{{msg}}

    </div>

</div>

o/p: msg:angularjs example

     when ng-focus fire

     msg:This is angularjs example of ng-focus

Example 2:

<div ng-app="webapp">

    <div ng-controller="angularjsexampleCtlr">

        <div>

            Angularjs Example of ng-focus

            <button ng-focus="myfun()"></button>

        </div>

    </div>

</div>

<script>

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

        $scope.myfun = function () {

            $scope.msg = "Hey this ng-focus result.";

            alert($scope.msg);

        }

    });

</script>