<!DOCTYPE html>
<html ng-app="app">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
    <script src="script.js"></script>
</head>
<body ng-controller="controller">
    <input type="text" ng-model="myname" ng-blur="onBlur(myname)" ng-model-options="{updateOn:'default blur',debounce:{default:1000,blur:0}}">
    <input type="text" ng-model="output"/>
</body>
</html>
var app = angular.module("app",[]);

app.controller("controller", ["$scope", function ($scope) {
    $scope.myname = "Yogesh";
    $scope.output = "";
    $scope.onBlur = function(a){
        $scope.output = a;
    }
}]);
/* Styles go here */