Angular 角垫进度微调器模块未更新值

Angular 角垫进度微调器模块未更新值,angular,angular-material,progress,Angular,Angular Material,Progress,由于某种原因,这东西不起作用。我可以使用不确定模式。它应该显示和旋转。但我需要向用户展示它在流程中所处位置的价值 这是我的HTML <mat-progress-spinner *ngIf='ShowLoader' class="progressSpinner" [color]="myCustomColor" [value]="myCustomValue" [mode]="mode"> </mat-progress-spinner> 然后在我的pageload函数上作为一

由于某种原因,这东西不起作用。我可以使用不确定模式。它应该显示和旋转。但我需要向用户展示它在流程中所处位置的价值

这是我的HTML

<mat-progress-spinner *ngIf='ShowLoader'
class="progressSpinner"
[color]="myCustomColor"
[value]="myCustomValue"
[mode]="mode">
</mat-progress-spinner>
然后在我的pageload函数上作为一个测试示例

pageload() {
    this.ShowLoader = true;

    for (let i = 0; i < 1000; i++) {

       const num = ((i / 1000) * 100);
      setTimeout(() => {
        this.myCustomValue = num;
      }, 500);
    }
}
pageload(){
this.ShowLoader=true;
for(设i=0;i<1000;i++){
常数数值=((i/1000)*100);
设置超时(()=>{
this.myCustomValue=num;
}, 500);
}
}

摆脱[模式]。使用以下命令:

<mat-progress-spinner *ngIf='ShowLoader'
class="progressSpinner"
[color]="myCustomColor"
[value]="myCustomValue">
</mat-progress-spinner>

摆脱[模式]。使用以下命令:

<mat-progress-spinner *ngIf='ShowLoader'
class="progressSpinner"
[color]="myCustomColor"
[value]="myCustomValue">
</mat-progress-spinner>