AngularJS ng-focus Directive

by Online Tutorials Library July 22, 2022

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:

     <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/angularjs/1.4.8/angular.min.js?ver=1693425700"></script>    <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>
<p>      </p>

Test it Now

Next TopicAngularJS ng-hide Directive

AngularJS ng-focus Directive

AngularJS ng-focus Directive

PHP addcslashes() function

Framework7 Notifications

You may also like