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

Question

I have problem with displaying templates in Angular Material. I want to save to localstorage my template who I choose in menu, but my app display another template (dafault template) after refresh page. How can I save template to localstorage in this example?

Source app: https://stackblitz.com/edit/angular-event-emitting-to-change-theme-localstorage?file=src/app/app.component.ts

Do you know how resolve this thing? Thank you very much!

Answer 1

I don't see you loading the theme anywhere.

I would do it in ngOnInit for navbar.component.ts :

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

Here's an updated demo: https://stackblitz.com/edit/angular-event-emitting-to-change-theme-localstorage-9l9gqa?file=src/app/navbar/navbar.component.ts