带图像图标的角材料进度微调器-（mat-spinner）

Question

我在我的项目中实现了mat-spinner，但是它只有很少的可配置更改，例如颜色，旋转模式。 我想在微调框内包含“图像图标”，它是品牌/公司的徽标，我该如何实现？

以下是Stackblitz链接：

https://stackblitz.com/angular/lmgppgejqxdv

它具有模式和颜色更改，但是如何在进度条微调器中包含任何图像呢？

Answer 1

您可以使用以下命令访问微调器的背景层：

.mat-progress-spinner svg {
  background: red;
}

但是请注意，该svg会进行转换，因此背景可能最终也会旋转。