角度4：ユーザーが戻るボタンを押したときにローカルストレージを復元する

Question

私は要素のリストを管理するコンポーネントを持っています。ユーザーはすべての項目を3つのチェックボックスでフィルタリングできます。要素をクリックして2番目のコンポーネントにジャンプすることは可能です。このコンポーネントは、適切な詳細を表示します。

第二成分は第一成分にフィルタリングする場合、私はのlocalStorageにすべてのフィルタオプションとリストの結果を保存

[routerLink]="..." 

機能を介して第二成分に切り替えられます。

ここで、ユーザーが戻るボタンを押したときにローカルストレージを復元したいとします。ユーザーが第2のコンポーネントで開始したアクションを第1のコンポーネントでチェックインするにはどうすればよいですか？

最初のコンポーネントへのURLは次のようになります。 はhttp://localhost:4200/regulation

secoundコンポーネントへのURLは次のようになります。 http://localhost:4200/regulation/1234566

Answer 1

それは非常に簡単です。配列をJSONで文字列で保存すると、localstorageはの文字列のみを受け入れます。最後のアレイを削除するために除去なってき

localStorage.removeItem('filtering'); 
localStorage.setItem('filtering', JSON.stringify(this.filtering)); 

とににそれを交換してください：ここで

は、あなたのフィルタ配列として this.filteringを使用してのlocalStorageでそれを設定する例です。

あなたはCompoNetを2から戻ってきた後、あなたは、単にJSONパーサーで再度読み込むことができます。

this.filtering = JSON.parse(localStorage.getItem('filtering')); 

そして最後のトリックをあなたは（F5）を更新しヒットした場合のデータは、それが出てくる同じ原因になりますlocalStorage