如何在AngularJs中保持页面上的数据刷新
How to keep the data on page refreshing in AngularJs?
这是我的代码
$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
相关文章:
- 如何检查Json文件更新,如果更新了,则用更新的数据刷新我的页面
- JQGrid使用服务器编辑后的更新数据刷新数据
- 如何使用新的JSON数据刷新jsTree
- jQueryAJAX将数据重新加载到DOM中,或者使用新数据刷新DOM
- 插入数据并用新数据刷新数据网格后,关闭弹出窗口
- 正在删除数据(刷新)WebGL Globe
- 使用 ajax 调用使用操作类返回的数据刷新(更新)表的各个行
- 好吗 - 使用 setInterval 进行数据刷新
- 数据表无限 + 自动数据刷新
- 模式未使用新数据刷新
- 聚合物-使用绑定数据刷新模板
- Angular如何知道应该重新应用绑定来用更新的数据刷新UI元素
- 连续添加|更新|将数据库中的数据刷新到页面而不回发
- 使用服务器端数据刷新gridx
- 在数据刷新后保留最后的Flot十字准线和图例数据
- 如何用新数据刷新剑道网格
- Ng-Grid将在数据刷新后折叠行,如何防止这种情况
- 当数据刷新时,jQuery UI手风琴不工作
- 如何在ajax网格中使用数据刷新作为触发器
- 如何在AngularJs中保持页面上的数据刷新