Постоянство данных по элементам

Предположим, что я хочу иметь элемент поставщика данных для моего пользователя, например

<user-data-provider user-data="{{data}}"></user-data-provider>

который отправляет запрос ajax и получает зарегистрированного пользователя.

Предположим, что я хочу получить доступ к своим пользовательским данным на разных страницах, и я добавляю этот тег туда, где мне нужно, но проблема в том, что каждый раз, когда браузер видит этот тег, снова делает ajax, и мне нужно дождаться, пока данные будут неправдоподобным!

Я знаю, что могу сделать переменную на моей главной странице и передать ее по дочерним страницам, но мне это кажется излишним!

как я могу сохранять пользовательские данные на разных страницах и часть моего приложения?

заблаговременно

Ответ 1

Существуют разные способы сделать это.

  • Вы можете использовать шаблон monostate
  • У вас может быть один экземпляр вашего элемента user-data-provider в корневом элементе или index.html и используйте iron-signals для передачи данные ко всем остальным элементам, которые хотят его потреблять.
  • Вы можете использовать iron-meta для глобального состояния
  • Используйте внешнюю структуру управления состоянием (то есть сокращение). Для него есть полимерная оболочка: polymer-redux

Я бы рекомендовал использовать внешнюю среду управления mangement, такую ​​как redux.

Некоторые из решений показаны здесь:

Полимеры 1.0 Глобальные переменные

Ответ 2

Я использовал pouchdb для моего хранилища данных и использовал полимер предопределенные элементы для работы с ним

теперь каждый раз, когда мне нужны данные, я просто использую этот компонент