Угловой материал Spinner не отображается, но присутствует в DOM - PullRequest
Новая
       10

Угловой материал Spinner не отображается, но присутствует в DOM

0 голосов
/ 25 октября 2019

У меня есть следующий html: 

<div class="row">
    <div class="col-3">
        <button
            class="float-right icon-link"
            mat-icon-button>
            <i class="fas fa-volume-up"></i>
        </button>
    </div>
    <div class="col-6" style="text-align: center">
        <audio
            controls
            controlsList="nodownload"
            >
            <source src="" />
        </audio>
    </div>
    <div class="col-3 mat-spinner-wrapper float-left">
        <mat-spinner
            [diameter]="30"
            mode="indeterminate"
            >
        </mat-spinner>
    </div>
</div>

styles.scss 

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

Но счетчик не отображается, даже если он присутствует в DOM:

enter image description here

Элемент счетчика можно увидеть на консоли. но это не отображается. Я добавил стиль в styles.scss

Что может быть не так?

Ответы [ 2 ]

0 голосов
/ 04 ноября 2019

попробуйте добавить к нему атрибут цвета и проверьте. 

<mat-spinner color="accent"></mat-spinner>

возможно, вы могли неосознанно перезаписать css

0 голосов
/ 25 октября 2019

У вас не установлен атрибут «значение». Установите значение в процентах от 0 до 100 для показа счетчика.

...