2つのangular2コンポーネントを含むページをローカルストレージから保存して読み込む方法は？

Question

私は、次のコードでローカル記憶域から2つのangular2コンポーネントを含むページを保存してロードしようとしていますが、コンポーネントのCSSは適用されません。

これは、保存するための私のコードです：

localStorage.setItem('body', JSON.stringify(document.getElementById("body").innerHTML)); 

これは、負荷に私のコードです：

document.getElementById("body").innerHTML=JSON.parse(localStorage.getItem("body")); 

私は申し訳ありませんが、あなたがそれを行うことができないだけでなく

Answer 1

を私の問題を説明してきたと思ってい。 AngularはたくさんのDOMを引き継ぐのが好きなので、DOM本体全体を置き換えることはできません。

this.htmlVar = JSON.parse(localStorage.getItem("htmlVar")) 

は気をつけてください：htmlVarは、あなたのようなものを搭載した変数である

<div [innerHTML]="htmlVar"> 
</div> 

：全体ではなく、「身体」を行うので、あなたはサブセットをした場合は、その後、あなたはこれを行うことができます、デフォルトでinnerHTMLは多くの "安全でない" htmlを取り除きます。 DomSanitizerを呼び出すことで、それらのほとんどを再び有効にすることができます。 routerLinkとのリンクのように、HTMLの角度機能を使用することはできません。