Angular每5秒调用一次函数

Question

我正在做一个Angular项目，我们有一个屏幕，其中数据库中的数据以图形格式显示，但是，如果用户更改了一些设置，则会经过一些计算并显示"加载图形"。然而，图形不会在计算完成后消失，用户必须刷新页面。

图形<div>使用*ngIf="isRecalculating()"来确定是否应该显示。

isRecalculating(): boolean {
    return this.graph && this.graph.status === 'recalculating';
  }

所以，我需要的是让应用程序在重新计算时每5秒检查一次，以确定重新计算是否已经完成。

Answer 1

你可以用rxjs

check$: Observable<boolean>;        
check$ = interval(5000).pipe(
    map(() => this.isRecalculating())
)

和html中的

<div *ngIf="check$ | async">

别忘了退订