刷新页面Angular js上的数据不完整

Question

我有一个像这样的AngularJS应用程序：

http://next.plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview&preview

我拥有的$ scope数据来自API，

首次加载页面时，我会调用此API，并保存会话中返回的数据，

现在，我不明白为什么刷新页面时会丢失信息和所有数据，

我如何使用动态数据来刷新页面而不丢失数据？

Answer 1

首先，您是否在应用程序中使用路由？ 这是一个简单的示例： http : //next.plnkr.co/edit/Svg4Po13hMq7WxzNwKDc?p=preview&preview使用路由，您无需刷新页面。

至于问题本身（刷新后不要丢失数据）：

• 如果即使在刷新浏览器时也要保留数据，请使用localStorage。 有很多方便的localStorage angularJS模块可以使用-例如。 https://github.com/grevory/angular-local-storage

• 如果您不想在客户端存储数据，则可以在每次加载角度应用程序时请求API，以获取需要存储的数据。 该数据似乎是静态的，因为您将其存储在客户端并随后重用，因此您可以配置API端点以真正快速地抛出此数据。