Сохранение состояния просмотра в угловом приложении

У меня есть представление, в котором у меня мало текстовых вводов. Пользователь может контролировать видимость вводов. Когда пользователь перемещается по приложению и возвращается на ту же страницу, состояние представления должно быть таким, каким он покинул страницу (для этого сеанса пользователя).

например: если на странице есть 5 вводов текста (вторая страница), пользователь выбирает, чтобы скрыть 3 из них. Затем он переходит на первую страницу, когда он возвращается на вторую страницу, он должен видеть только два входа (поскольку он решил скрыть остальные три).

Во время своего исследования я наткнулся на угловое управление состоянием с использованием ngrx/store, которое, кажется, помогает в этом деле, но подход нужно было использовать угловым способом, о котором я не знаю, поскольку у меня нет предыдущего опыта работы с управлением угловым хранилищем/состоянием. особенно.

См. ссылку для небольшой демонстрации. масштабное представление разрабатываемого приложения.

Спасибо уже!


person Krishna PrabhuGaonkar    schedule 23.11.2018    source источник


Ответы (1)


Простым решением может быть сохранение статуса этой страницы (второй страницы) в LocalStorage или SessionStorage

Затем с помощью (if) проверьте, есть ли у вас статус. Если у вас есть состояние, сделайте привязку к представлению.

Другим решением было бы иметь службу, которая хранит объект памяти и внедряет его в два компонента. Таким образом, вы сможете обмениваться данными

Недостатком этого является то, что если вы перезагрузите страницу, вы потеряете статус.

Примечание. Помните, что в angular есть встроенная директива, которая помогает скрывать элементы ngIf.

person GonzaH    schedule 23.11.2018
comment
привет, спасибо за ответ, ваши предложения кажутся разумными, но, насколько я понял, использование @ngrx/store & store management - правильный угловой подход. Кроме того, если я правильно понял, что вы предлагаете, вы предлагаете способ хранения данных, но я хочу сохранить состояние просмотра. По сути, структура DOM должна сохраняться, как и раньше, после того, как пользователь перемещается по приложению. - person Krishna PrabhuGaonkar; 23.11.2018
comment
@ngrx/store основан на шаблоне redux.js.org. С моей точки зрения, было бы много архитектуры для того, что вы хотите сделать. Полезный ресурс: youtube.com/watch?v=okdC5gcD-dM - person GonzaH; 23.11.2018