如何顯示保存在本地存儲中的模板？ （角材料）

Question

我在 Angular 材料中顯示模板時遇到問題。 我想將我在菜單中選擇的模板保存到本地存儲，但我的應用在刷新頁面后顯示另一個模板（默認模板）。 在此示例中，如何將模板保存到本地存儲？

源應用程序： https://stackblitz.com/edit/angular-event-emitting-to-change-theme-localstorage?file=src/app/app.component.ts

你知道怎么解決這個問題嗎？ 非常感謝！

Answer 1

我沒有看到您在任何地方加載主題。

我會在ngOnInit中為navbar.component.ts執行此操作：

ngOnInit() {
  const selectedTheme = localStorage.getItem('themes');
  if (selectedTheme) {
    this.selectedTheme.emit(selectedTheme);
  }
}

這是一個更新的演示： https://stackblitz.com/edit/angular-event-emitting-to-change-theme-localstorage-9l9gqa?file=src/app/navbar/navbar.component.ts