角度材料旋转器直径的变化会破坏它

Question

这是我的代码

\n

如果我移除<mat-progress-spinner [diameter]="50" mode="indeterminate" ></mat-progress-spinner> ，它将可以正常工作，但是如果我添加diameter，它将仅显示为圆圈，而不旋转。

是否可以通过调整大小使其更小？

Answer 1

如果无法使“ [直径]”属性正常运行，则可以始终将高度和宽度分别设置

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

Answer 2

您可以这样更改值直径：

<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>

Working Demo