Angular 使用了一种叫做状态管理的方法来保持数据状态。它通过使用服务、观察者模式和单向数据流来实现。

下面是一个示例，展示了如何使用 Angular 提供的 RxJS 库来实现状态管理：

1. 创建一个名为 data.service.ts 的服务，用于管理数据状态。

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private dataSubject = new BehaviorSubject(''); // 初始值为空字符串
  public data$ = this.dataSubject.asObservable(); // 创建一个可观察的数据流

  constructor() {}

  setData(data: string) {
    this.dataSubject.next(data); // 更新数据
  }
}

2. 在需要共享数据的组件中，注入 DataService，并订阅数据流。

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-example',
  template: `
    
Data: {{ data }}
    Update Data
  `
})
export class ExampleComponent implements OnInit {
  data: string;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.data$.subscribe(data => {
      this.data = data; // 更新组件中的数据
    });
  }

  updateData() {
    this.dataService.setData('New Data'); // 更新数据
  }
}

在上述示例中，DataService 使用了 BehaviorSubject 来创建一个可观察的数据流 data$。setData() 方法用于更新数据，并通过 next() 方法将新的数据发送给观察者。在组件中，我们通过订阅数据流来获取最新的数据，并将其赋值给组件的 data 属性。当点击按钮时，会调用 updateData() 方法来更新数据。

通过这种方式，所有订阅了 data$ 数据流的组件都能够接收到最新的数据，并保持状态的同步。