javascript – 即使刷新,如何在角度路由服务中保存持久数据？

2023年2月3日 145次阅读

所以我基本上使用$route服务而不使用url params在两个页面之间传输数据.

我在第一页上获得了第二页发送的数据,但是当我刷新第二页时数据丢失了！

我如何解决这个问题,我不能使用url params,因为数据将包含许多文本字段,并且还将具有数组.

我已经在使用服务来传递数据,但刷新后服务数据不会持久存在.

我不想制作数据库因为它不实用我只是希望数据留在客户端机器上.

最佳答案 您可以使用localStorage来保存数据：

Plunker

<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
    <script src="https://rawgithub.com/gsklee/ngStorage/master/ngStorage.js"></script>
    
    <script>
      angular.module('app', [
        'ngStorage'
      ]).
      
      controller('Ctrl', function(
        $scope,
        $localStorage
      ){
        $scope.$storage = $localStorage.$default({
          x: 42,
          y: 1
        });
      });
    </script>
  </head>

  <body ng-controller="Ctrl">
    <button ng-click="$storage.x = $storage.x + 1">{{$storage.x}}</button> + <button ng-click="$storage.y = $storage.y + 1">{{$storage.y}}</button> = {{$storage.x + $storage.y}}
  </body>

</html>
点赞