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

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>

工作演示