Angular Mat Progress Spinner 模块未更新值

Question

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

这是我的HTML

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

我的打字稿

myCustomColor = 'primary';
mode = 'determinate';
myCustomValue: number = 0;

然后在我的页面加载功能上作为测试示例

pageload() {
    this.ShowLoader = true;

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

       const num = ((i / 1000) * 100);
      setTimeout(() => {
        this.myCustomValue = num;
      }, 500);
    }
}

Answer 1

摆脱[模式]。使用以下内容：

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

Angular Mat Progress Spinner 模块未更新值

Angular Mat Progress Spinner Module not updating value

progress

angular-material

angular