After entering data , press tab or click outside the textbox to trigger Blur event.
With the Blur method, user entered data will appear here
<div ng-app="my_app" ng-controller="my_ctrl">
Your Name <input type=text ng-model="t1" class=form-control ng-blur="my_blur_Method()">
<b>Welcome</b> : {{t1}}
</div>
<div class='alert alert-primary' role='alert' id=d1>
With the Blur method, user entered data will appear here.
</div>
<script>
var app = angular.module('my_app', []);
app.controller('my_ctrl', function($scope) {
$scope.my_blur_Method = function(){
document.getElementById('d1').innerHTML=$scope.t1;
}
});
</script>
← Textbox
←Angular Home