如何從本地存儲中保存和加載包含兩個angular2組件的頁面？

Question

我一直在嘗試使用下一個代碼從本地存儲中保存和加載包含兩個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。 但是，如果不是做整個“身體”，而是做了一個子集，則可以這樣做：

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

其中htmlVar是您加載的變量，例如：

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

請注意，默認情況下，innerHTML會刪除很多“不安全”的html。 您可以通過調用DomSanitizer重新啟用其中的大多數功能。 請注意，您不能使用html中的任何Angular功能，如routerLink的鏈接。