刷新页面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端点以非常快地抛出此数据。