2017-08-23 11 views
0

私の質問は次のとおりです。ビューと更新ページの間でユーザーが選択した色を保存する方法は?

ユーザーが選択した色をビュー間で維持してリフレッシュする方法。私はいくつかのビュー(それはサービス、コントローラとテンプレートを持っている)のユーザーがリストから3色を選択することができ、私はリストの下に彼の選択肢を表示することを意味します。

しかし、アプリケーションのボタンで戻る/次や別のナビゲーションを行った後、これらの色は失われます。さらに、私はこの選択肢に、リフレッシュ(f5)ページを保存できるようにしたいと思います。

アイデア?

答えて

3

ブラウザのローカルストレージの助けを借りて、共有サービスまたはredux設定が必要です。

ユーザーがドロップダウンから色を選択すると、selected valueを共有サービスに追加するか、ストアにディスパッチし、ストアに値を追加した後で、ブラウザlocalstorageに追加する必要があります。

ユーザーが新しいページに移動すると、他のすべてのコンポーネントに変更が通知され、新しい色(ユーザーが選択されている場合)が自動的に設定されます。

localStorage.setitem("value",color)

ユーザがページを入力するかページを更新するたびに、まずlocalstorageに値があるかどうかを確認し、ドロップダウンから取得しない場合は表示します[ドロップダウンから選択するオプションがあるコンポーネントの場合のみ] 。他のすべてのコンポーネントについては、ストアまたは共有サービスから購読します。

共有サービスの使い方の詳細link

ngrx redux設定link

関連する問題