如何允许angular 5 web应用在同一浏览器的多个选项卡中打开

// 在组件初始化时设置唯一标识符
ngOnInit() {
  const tabId = this.generateUniqueId();
  localStorage.setItem('tabId', tabId);
}

private generateUniqueId(): string {
  return '_' + Math.random().toString(36).substr(2, 9);
}

// 在组件初始化时添加事件监听器
ngOnInit() {
  window.addEventListener('storage', this.handleStorageChange);
}

private handleStorageChange(event: StorageEvent) {
  if (event.key === 'tabId') {
    // 处理状态变化
    console.log('Tab ID changed:', event.newValue);
  }
}

saveState(state: any) {
  const tabId = localStorage.getItem('tabId');
  localStorage.setItem(`state_${tabId}`, JSON.stringify(state));
}

restoreState() {
  const tabId = localStorage.getItem('tabId');
  const stateStr = localStorage.getItem(`state_${tabId}`);
  return stateStr ? JSON.parse(stateStr) : {};
}