Local Storage in Anglar 
<!doctype html>
<html>
<head>
    <title>Key Up with AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular-mocks.js"></script>
    <script>
        function Customer($scope) {
            $scope.CustomerName = "Long Pham";
            $scope.CustomerCode = "10012";
        }
        var myApp = angular.module("myApp", []);
        myApp.controller("CustomerObj", Customer);
    </script>
</head>
<body>
    Hit any key in Customer Text Field
    <div ng-app="myApp">
        <div id="CustScreen" ng-controller="CustomerObj">
            Customer Name : <input ng-model="CustomerName" type="text" id="CustomerName" value="" /><br />
            Customer Code : <input ng-model="CustomerCode" type="text" id="CustomerCode" value="" />
            <div id="divCustomerName">{{CustomerName}}</div>
            <div id="divCustomerCode">{{CustomerCode}}</div><br />
        </div><br />
    </div>
</body>
</html>