Угловой 5 Материал спиннер не работает

Угловой 5 Материал прядильщика не работает

Приложение.модуль.ts

import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@NgModule({
  imports: [
    MatProgressSpinnerModule
  ]})

Компонент.ts

import { MatSpinner } from '@angular/material';

Компонент.html

<mat-spinner></mat-spinner>

Я пропустил какую-либо конфигурацию.?

В Reference, он генерирует SVG-файл для Spinner, но я ничего не вижу внутри тега mat-spinner.

3 2
spinner

3 ответа:

Я попытался развилить приведенный пример мат-спиннера, и это работает отлично. Единственное отличие, которое я мог видеть, - это то, как вы импортируете модуль progress spinner вместо того, чтобы импортировать его из определенного пути, сделайте это: 

  import { MatProgressSpinnerModule } from '@angular/material';

Вам не нужно ничего импортировать внутри вашего компонента, поскольку mat-spinner расширяет matprogressSpinner.

Внутри соответствующего html просто сделайте то, что вы делали, т. е. 

<mat-spinner></mat-spinner>

Вы можете взглянуть на это: https://stackblitz.com/angular/eymjpelkpro что может дать вам некоторый дополнительный контекст.

2

[mode]= "determinate"

К

[mode]= "'determinate' " / /

1

Избавиться от [mode]= "determinate"

Это сработало для меня. Похоже на ошибку Angular 5 людям нужно исправить

Мой Код:

Старый: 

<mat-progress-spinner
    class="progressSpinner"
    [color]="myCustomColor"
    [mode]="determinate"
    [value]="myCustomValue">
</mat-progress-spinner>

Новое: 

<mat-progress-spinner
    class="progressSpinner"
    [color]="myCustomColor"
    [value]="myCustomValue">
</mat-progress-spinner>
0