如何在AngularJs中保持页面上的数据刷新

How to keep the data on page refreshing in AngularJs?

本文关键字:数据 刷新 AngularJs      更新时间:2023-09-26

这是我的代码

$cookieStore.put('profileData', $scope.profileData);
            var profileData = $cookieStore.get('profileData');
            $scope.init = function(){
            var profileData = $cookieStore.get('profileData');
            if(profileData != undefined){
            }
        }

当我刷新页面值消失。所以我的问题是,每当刷新一个页面值无法清除。

感谢您的回复

您可以使用localStorage或sessionStorage

localStorage.setItem("myItem", "myValue");
myVar = localStorage.getItem("myItem"));

每次刷新时,您都在用$scope变量重新初始化cookie值。

你可以使用angular cookie

angular.module('cookiesExample', ['ngCookies'])
.controller('ExampleController', ['$cookies', function($cookies) {
  // Retrieving a cookie
  var favoriteCookie = $cookies.get('myFavorite');
  // Setting a cookie
  $cookies.put('myFavorite', 'oatmeal');
}]);

你可以知道更多$cookies

Using ngStorage。您可以使用模块的$localStorage和$sessionStorage服务在刷新后保留数据。

$localStorage服务将数据保存在浏览器中,而$sessionStorage将数据保存在选项卡中。

您可以通过链接查看详细说明。http://ngmodules.org/modules/ngStorage