Question

我使用primeng来确定过程完成之前的持续时间。显示信息后，装填过程不确定。我在transportState之后将subscribe变量设置为false，并将animationDuration变量限制为5秒，但这不能解决问题。这是component.ts：

getTransortationEvolutionByMode() {
    this.transportState = true;    this.statistiquesService.getGraphEvolutionModeTransport()
        .subscribe(resp =>{          
          let data = resp.json();
          this.transportState = false;
    });
  }

这是component.html：

<p-progressBar mode="indeterminate" [style]="{'height': '6px'}" animationDuration=".5s"></p-progressBar>

我希望进度条在显示数据后停止。

Answer 1

您没有将进度条绑定到transportState，因此它不知道代码何时完成。我不确定您是否可以停止它，但可以根据transportState的值停止显示它或将其设置为100％进度。

<p-progressBar *ngIf="transportState" mode="indeterminate" [style]="{'height': '6px'}" animationDuration=".5s"></p-progressBar>

如何确定线性进度条的持续时间

1 个答案: