Сохранение состояния страницы поиска после возврата со страницы сведений в таблице материалов Angular с использованием управления Akita/State

Я ищу любой рабочий пример, в котором я могу сохранить состояние фильтра поиска, состояние разбивки на страницы после щелчка на странице сведений и вернуться к использованию функции location.back().

Я использую магазин Akita и таблицу угловых материалов в своем приложении для поддержания состояния.

Я просматривал один из плагинов AkitaFilter, но им не хватает документации и примеров. Может у кого-нибудь есть решение, использующее любое управление состоянием NGRX или Akita для сохранения состояния в таблице угловых материалов?


person app    schedule 26.11.2020    source источник
comment
Как мы можем использовать маршрутизатор, чтобы вернуться к предыдущему URL-адресу?   -  person app    schedule 26.11.2020
comment
Не могли бы вы привести какой-нибудь пример? Где мы можем перейти к предыдущему URL-адресу с помощью маршрутизатора?   -  person app    schedule 26.11.2020
comment
есть ответ, но он включает в себя более сырую форму javascript.. что-то вроде ссылки на запрос, отправляющий данные о состоянии и перенаправляющий куда угодно   -  person The Bomb Squad    schedule 01.12.2020


Ответы (1)


вы можете сохранить текущее состояние таблицы в локальном хранилище, как это в каждой функции фильтра, которую вы можете сделать

localStorage.setItem('state', JSON.stringify(this.store.getState()));

В качестве альтернативы вы можете сохранить свое состояние grid/table's filter в своем localstorage, как вы можете сохранить currentPage, sortOrdet и т. д. в своем локальном хранилище. Потому что, если вы хотите, чтобы ваши данные были постоянными даже после навигации или обновления страницы, вы можете хранить их в localstorage, потому что state управление stores также является архитектурой на основе служб, в которой данные не могут быть постоянными.

Вы можете сделать это таким образом, чтобы внутри функции кнопки pagination вы могли сохранять текущую страницу в localstorage каждый раз, когда будет вызываться ваша функция. И то же самое касается функции sorting.

person Fahad Subzwari    schedule 07.12.2020
comment
Спасибо .. не могли бы вы привести какие-нибудь примеры? - person app; 07.12.2020
comment
В своем ответе я привел вам пример. В своем ответе я показал, как вы можете сохранить свое текущее состояние в localStorage. - person Fahad Subzwari; 08.12.2020
comment
Я искал ответ для хранения и извлечения разбивки на страницы и сортировки угловых материалов. - person app; 09.12.2020