и после этого я добавил некоторые записи в свою таблицу, но они не сохраняются в $ localStorage
var app = angular.module('myApp', ['ngStorage']);
app.controller('myCtrl', function($scope, $localStorage){
$localStorage.message = [{fname:'Nokia', lname:'Lumia'}];
$scope.result = $localStorage.message;
$scope.addRecord = function(){
if($scope.fnameVal != undefined && $scope.lnameVal!= undefined && $scope.lnameVal!= '' && $scope.fnameVal != ''){
$scope.result.push({'fname':$scope.fnameVal, 'lname':$scope.lnameVal});
//$localStorage.result.push({{'fname':$scope.fnameVal, 'lname':$scope.lnameVal}});
}}
});
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://rawgithub.com/gsklee/ngStorage/master/ngStorage.js"></script>
<body ng-app="myApp" class="container">
<hr/>
<div ng-controller="myCtrl">
{{result}}
<!-- <select class="form-control"><option ng-repeat="x in result">{{x.fname}}</option></select><br/> -->
<table class="table table-bordered">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th width="150">Action</th>
</tr>
<tr ng-repeat="x in result">
<td>{{x.fname}}</td>
<td>{{x.lname}}</td>
<td><button ng-click="deleteRecord();" class="btn btn-default">Delete</button></td>
</tr>
<tr>
<td><input type="text" ng-model="fnameVal" class="form-control"/></td>
<td><input type="text" ng-model="lnameVal" class="form-control"/></td>
<td><button ng-click="addRecord();" class="btn btn-default btn-block">Add</button></td>
</tr>
</table>
</div>
</body>