角度2コンポーネントの再利用

Question

角度2の新しいですが、コンポーネントに戻って私がそれを見つけた方法を探しています。

セイユーザ細部にユーザーのリストから移動し、その後、サーバーからユーザーを要求することなく、コンポーネントのユーザ

1. のリストに戻ってナビゲートします。それはget要求を再度送信しています。しかし、ちょうど私が前もってみんなで

感謝を出る前に、それは正確なポイントになりますスクロールしていた場合、私はそれ

からナビゲートする前のようなユーザーで満たされます

Answer 1

あなたが再作成する必要がある場合破壊された後のコンポーネント、破壊される前の状態を正確に見るために、このために必要な状態を保存する必要があります。あなたの場合、これはユーザーのリストと、その時点での彼の位置になります。

角度アプリケーションに状態を格納するには、Reduxアーキテクチャのngrx/store実装を使用することをお勧めします。必要なのは、コンポーネントを再作成するために必要なngrx/storeのすべてを保存することです。

コンポーネントのngOnInitライフサイクルフックでは、そのデータをストアから取得して、コンポーネントを以前と同じように見せることができます。これは少しこれのように見えるかもしれません。 Reduxのreduxjs.orgの詳細については

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

をして

をgithub.com/ngrx/store：

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

Ngrx /ストアは、あなたがこのようなあなたのテンプレートで使用することができますストアから観測を返します。