Угловой материальный прогрессер

Question

Возможно ли, чтобы Угловой материальный прогрессер отображался в соответствии с текстом и размером примерно с символ?

Я хочу что-то вроде:

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

, где вращающийся элемент появляется в строке с текстом «пожалуйста, подождите».

Возможно ли это?

Я посмотрел документы и предоставил примеры , но ни один из них, кажется, не предлагает пути продвижения вперед, и поиск в Google + StackOverflow ничего не дал.

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

См. Рабочий пример здесь