AngularJS ng-blur Example

  Keywords : Angularjs ng blur call function example, Angularjs ngblur directive example, Angularjs raise validation using ngblur event example,Angularjs input blur event to call function example

Example

 
<!DOCTYPE html>
<html>
<head>
<title>
AngularJs ng-blur Event Example
</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('ngblurApp', []);
app.controller('ngblurCtrl', function ($scope) {
$scope.getdetails = function () {
$scope.result = "You Came Out of Control";
}
});
</script>
</head>
<body>
<div ng-app="ngblurApp" ng-controller="ngblurCtrl">
<h2>AngularJs ng-blur Event Directive Example</h2>
Enter Text: <input type="text" ng-blur ="getdetails()" /><br /><br />
<span style="color:Red">{{result}}</span>
</div>
</body>
</html>

Result

Previous
 
Next