AngularJS ng-blur Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-blur Directive

The AngularJS ng-blur directive specifies that what to do if an HTML element loses focus.

It doesn’t override the element’s original onblur event and both the ng-blur expression and the original onblur event will be executed.

Note: This ng-blur directive is supported by the HTML tags like < a >, < input >, < select >, < textarea >, and the window object.

Syntax:

Parameter explanation:

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

Let’s take an example to demonstrate ng-blur directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    <input ng-blur="count = count + 1" ng-init="count=0">  
<h1>{{count}}</h1>
<p>By default, the value is 0 but it will increase the value of the variable "count" every time when the input field loses focus.</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-bind-template Directive

AngularJS ng-blur Directive

AngularJS ng-blur Directive

PHP addcslashes() function

Framework7 Notifications

You may also like