不确定的进度栏无法正常工作

时间:2018-08-22 10:14:18

标签: angular angularjs-scope angular-ui angular-ui-grid mat-card

我正在使用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> 

它在屏幕上显示为确定状态栏。我也尝试了不同的模式,即查询,缓冲。但这只能作为确定的进度条。

1 个答案:

答案 0 :(得分:2)

您不应使用[](当您要将值与任何对象/变量绑定时应使用)定义模式,因为indeterminate不是组件变量,而只是字符串。也不需要valuebufferValue。将您的代码修改为:

<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>