Потерять данные на странице обновления 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 для быстрой передачи этих данных.