Изменяя диаметр углового материала, прядильщик разбивает его

Question

Это мой код

<mat-progress-spinner  [diameter]="50" mode="indeterminate" ></mat-progress-spinner>

Если я уберу diameter, он будет работать правильно, но если я добавлю diameter, он будет отображаться как круг, а не вращаться.

Есть ли способ изменить его размер, чтобы он стал меньше?

Answer 1

Вы можете изменить значение диаметра следующим образом:

<mat-progress-spinner  [diameter]="50" mode="indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter]="30" mode="indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter]="10" mode="indeterminate" ></mat-progress-spinner>

Рабочая демонстрация

Answer 2

Если вы не можете заставить свойство «[диаметр]» работать правильно, вы всегда можете альтернативно установить высоту и ширину отдельно

<mat-spinner style="width:40px; height: 40px" color="primary"> </mat-spinner>