Неопределенный индикатор выполнения не работает должным образом

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>

Answer 2

Попробуйте проверить, возможно, у вас есть импорт: NoopAnimationsModule, потому что он отключит все анимации для вашего приложения)