如何在Angular中創建和管理全局狀態

在Angular中，可以使用RxJS的BehaviorSubject或者NgRx庫來創建和管理全局狀態。

1. 使用RxJS的BehaviorSubject： 可以在一個service中創建一個BehaviorSubject對象，然后在需要訪問和更新全局狀態的組件中訂閱這個BehaviorSubject對象。

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class GlobalStateService {
  private state = new BehaviorSubject<any>({});

  getState() {
    return this.state.asObservable();
  }

  setState(newState: any) {
    this.state.next(newState);
  }
}

在組件中訂閱全局狀態：

import { Component, OnInit } from '@angular/core';
import { GlobalStateService } from 'path-to-global-state-service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {

  globalState: any;

  constructor(private globalStateService: GlobalStateService) { }

  ngOnInit() {
    this.globalStateService.getState().subscribe(state => {
      this.globalState = state;
    });
  }

}

2. 使用NgRx庫： NgRx是一個用于管理應用狀態的庫，可以通過創建actions、reducers和effects來實現全局狀態的管理。它提供了一種可預測性和可測試性的狀態管理方案。

具體的使用可以參考NgRx的官方文檔：https://ngrx.io/

無論你選擇使用RxJS的BehaviorSubject還是NgRx，都可以幫助你在Angular中創建和管理全局狀態。選擇適合自己項目的方式來管理全局狀態，可以提高代碼的可維護性和可擴展性。