从本地存储刷新页面后数据丢失

Question

i am storing user info into local storage, but every time i reload the page data is lost. not getting the exact solution. Here is my js code. i am getting value for user object from html in this format

    {"fname":"A","lname":"B","age":"12","email":"a@b.com","class":"6","password":"1234"}

here is my js code

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

   app.controller("myCtrl", function($scope,$localStorage,
     $sessionStorage) {
     var usersinfo= [];
     $scope.submit = function() {
       usersinfo.push($scope.user);
       localStorage.setItem("usersinfo", JSON.stringify(usersinfo));

      console.log(usersinfo);    
     };   

});

Answer 1

You are importing $localStorage and using localStorage.

See documentation for read/write syntax.

Answer 2

The following example works fine when executed separately in an HTML file (Dont expect it to load localStorage in StackOverflow execution environment)

 var user = { "fname": "A", "lname": "B", "age": "12", "email": "a@b.com", "class": "6", "password": "1234" }; var app = angular.module("app", []); app.controller("MyController", function($scope) { console.log('Loaded'); $scope.usersinfo = []; $scope.show = function() { $scope.usersinfo = JSON.parse(localStorage.getItem('usersinfo')); console.log($scope.usersinfo) }; $scope.submit = function() { $scope.usersinfo.push(user); localStorage.setItem("usersinfo", JSON.stringify($scope.usersinfo)); console.log($scope.usersinfo); }; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app"> <div ng-controller="MyController"> <p>Hi</p> <button type="button" ng-click="submit()">Submit</button> <button type="button" ng-click="show()">Show</button> <p>{{usersinfo}}</p> </div> </div>