Auto save with Angular

A service + directive that enables autosave on lost focus

by Ahsan_Aftab

HTML

<script src="http://code.angularjs.org/1.1.0/angular.min.js"></script>
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

    
        <textarea ng-model="TextAreacodeGroups" style="width:52%;height:200px;" columns="25" id="code_groups">
                                            
    {{CodeGroupsFun()}}
          
   </textarea>

</div>

</body>
</html>

JavaScript

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    var combined;
      var array1=['01','02','03','04'];
       var array2= ['Students','Teachers','Managers','Operators'];
    
 $scope.CodeGroupsFun = function () {
                
 $scope.TextAreacodeGroups =
  combined = array1.map(function (e, i) {
   return '\n' + array1[i] + '     -     ' + array2[i];
                });
            };
});