刷新頁面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端點以真正快速地拋出此數據。