Angularjs rootcope刷新数据丢失

Question

我在angularjs1.x中遇到了一个情况 当我在通过下一页/路由器

后保存$rootScope中的值时

在刷新f5 /重新加载（窗口重新加载）

中丢失$rootScope值

不使用localStorage

Answer 1

基本上刷新页面会从内存中擦除你的$ rootscope（基本上你的整个应用程序将重新启动＆＃39;）。

为了保持值，您必须将值存储在某处，您可以使用localStorage / sessionStorage。

例如：

localStorage.setItem("yourKey", "YourValue");

你可以在页面刷新后得到它，如：

localStorage.getItem("yourKey")// YourValue

详细了解here

Answer 2

您可以使用localStorage存储数据来避免这种情况。

$rootScope.data = localStorage.data; // get data from localStorage and assign it to rootScope
var data = {a : 1, b: 2}; // update your data
localStorage.data = data; // set it in localStorage
$rootScope.data = data;

注意每次更新localStroage时，您都需要更新$rootScope.data数据。