使用 Angular 中的 Observable 和 RxJS 库

在 Angular 中，可以使用 Observable 和 RxJS 库来实现实时更新数值的功能。以下是一个简单的代码示例：

1. 在组件中定义一个数值变量，并将其作为 Observable 对象：

import { Observable } from 'rxjs/Observable';

export class MyComponent {

  myValue: number;
  myValue$: Observable;

  constructor() {
    this.myValue = 0;
    this.myValue$ = new Observable(observer => {
      setInterval(() => {
        observer.next(this.myValue);
      }, 1000);
    });
  }

  increaseValue() {
    this.myValue++;
  }

}

2. 在模板中使用异步管道（async pipe）来订阅 Observable 对象：

当前数值：{{ myValue$ | async }}
增加数值

这样，在每秒钟发射一次数值的 Observable 对象中，异步管道会自动订阅最新的数值，并在模板中实时更新显示。