angular - 不确定的进度条无法正常工作

Question

我正在使用 MatProgressBarModule 在卡页脚末尾添加一个线性不确定状态栏。下面是我的代码 -

  <mat-card-footer>
    <ng-content select="dashboard-card-footer"></ng-content>
    <section class="example-section">
    <mat-progress-bar  [mode]="indeterminate"  value="20" bufferValue ="75"> 
    </mat-progress-bar>
    </section>
  </mat-card-footer> 

它在屏幕上显示为确定的状态栏。我也尝试过不同的模式，即查询、缓冲区。但它只能作为一个确定的进度条。

Answer 1

您不应该使用[]（当您想将值与任何对象/变量绑定时应该使用它）来定义模式，因为indeterminate它不是组件变量，而只是字符串。也不需要value& bufferValue。将您的代码修改为：

<mat-card-footer>
    <ng-content select="dashboard-card-footer"></ng-content>
    <section class="example-section">
    <mat-progress-bar mode="indeterminate"></mat-progress-bar>
    </section>
</mat-card-footer>