Angular Material 进度旋转器在线

Question

是否可以让Angular Material 进度微调器与文本和大致字符大小一致显示？

我想要这样的东西：

<span>please wait <mat-spinner></mat-spinner></span>

微调器与“请稍候”文本一起出现的地方。

这可能吗？

我查看了提供的文档和示例，但它们似乎都没有提供前进的方向，并且对 StackOverflow 的 Google + 搜索没有发现任何问题。

Answer 1

您可以display: flex在包装元素上使用 。要设置它的大小，您可以使用diameter输入：

<div class="spinner-wrapper">
  <span>please wait</span>
  <mat-spinner [diameter]="12"></mat-spinner>
</div>

.spinner-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

在此处查看工作示例