Angular Material Spinner未显示，但存在于DOM中

Question

我有以下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中存在微调器，也不会显示它：

在控制台中可以看到spinner元素。但不会显示。我已经在styles.scss

中添加了样式

出什么问题了？

Answer 1

您没有设置“值”属性。将其设置为0到100之间的百分比值，以显示微调框。

Answer 2

尝试向其添加颜色属性并进行检查。

while true

有可能，您可能在不知不觉中覆盖了CSS