угловое повторное использование компонентов

Question

Am kinda new to angular 2, но я ищу способ вернуться к компоненту и найти его, поскольку я его оставил.

Say перемещаться из списка пользователей к детали пользователя, а затем вернуться обратно к списку пользователей

1. без компонента запрашивающих пользователей с сервера. который отправляет запросы на получение снова. но будет наполнен пользователей, как и прежде, чем я перемещаться из него
2. если бы я прокручивается это будет точно в точке, прежде чем я покинул

Заранее спасибо ребята

Answer 1

Если вам необходимо восстановить компонент после его уничтожения, чтобы точно посмотреть, как это было до его уничтожения, вам нужно сохранить состояние, необходимое для этого. В вашем случае это будет список пользователей и позиция, в которой он находится в данный момент.

Чтобы сохранить состояние в угловом приложении, лучшим вариантом является использование реализации архитектуры ngrx/store в архитектуре Redux. Что вам нужно сделать, так это сохранить в ngrx/store все, что вам нужно для воссоздания компонента.

В вашем жизненном цикле ngOnInit вашего компонента вы можете получить эти данные из магазина и сделать свой компонент таким, каким он был раньше. Это может выглядеть немного.

ngOnInit(): void { 
    this.list$ = this.store.select((state: ApplicationState) => state.list); 
    this.position$ = this.store.select((state: ApplicationState) => state.position); 
} 

Ngrx/магазин возвращает наблюдаемые из магазина, которые вы можете использовать в шаблоне, как это:

<div *ngFor="let element of list$ | async"> 

Для получения дополнительной информации о перевождь reduxjs.org и github.com/ngrx/store