AngularJS ng-focus Directive

The AngularJS ng-focus directive specifies the custom behavior on focus event. It tells AngularJS what to do when an HTML element gets focus. It doesn't override the element's original onfocus event, both will be executed.

It is supported by HTML elements like < a >, < input >, < select >, < textarea >, and the window object.

Syntax:

Parameter explanation:

expression: It specifies an expression that is executed when an element gets focus.

Let's take an example to demonstrate ng-focus directive.

See this example:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<input ng-focus="count = count + 1" ng-init="count=0" />
<h1>{{count}}</h1>
<p>In this example, everytime you make a focus on the specified box, it increases the value of the variable "count"</p>
</body>
</html>

Test it Now

Next TopicAngularJS ng-hide Directive

← prev next →