在Angular中记忆选定页面的最好方法

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-navigation',
  template: `
    <ul>
      <li (click)="selectPage('home')">Home</li>
      <li (click)="selectPage('about')">About</li>
      <li (click)="selectPage('contact')">Contact</li>
    </ul>
  `,
})
export class NavigationComponent implements OnInit {
  constructor(private router: Router) {}

  ngOnInit() {
    // 恢复选定页面
    const selectedPage = localStorage.getItem('selectedPage');
    if (selectedPage) {
      this.router.navigate([selectedPage]);
    }
  }

  selectPage(page: string) {
    // 保存选定页面
    localStorage.setItem('selectedPage', page);
    this.router.navigate([page]);
  }
}