web-dev-qa-db-ja.com

リロード後にサービスデータを永続化する方法angular 5

コンポーネント間でデータを渡すサービスがあり、呼び出されると機能しますが、リロードするとサービスデータがリセットされます。したがって、リロード時に検索するとメモリがリセットされるため、クライアント側を使用せずにリロード後もデータを保持する方法があります。ストレージ ?私が興味を持っていることの1つは、rxjsを使用してこれを達成できるかどうかですが、これがどのように役立つかわかりませんか?データはほとんどがオブジェクトまたは配列であり、ユーザーIDまたはセッションIDではないため、localstorageを使用することを恐れています。私は私を助けるためにサンプルの例を作成しました。あなたは以下を見つけることができます

https://stackblitz.com/edit/component-data-sharing-service

5
Melvin

localstorage/sessionstorageまたはコンポーネント間の共有サービス。

JSON.stringifyを使用して情報(オブジェクト/配列)を保存できます。シングルトンになる共有サービスを使用している場合は、任意のコンポーネントにアクセスできます。

4
Sajeetharan

「クライアント側のストレージを使用しない」とはどういう意味ですか?クライアント側でデータを永続化するには、クライアント側のストレージを使用する必要があります...

データを保存できるシングルトン共有サービスを作成します。

そのようです:

https://octoperf.com/blog/2016/03/29/singleton-service-using-angular2/

0
ritaj