代码之家 › 专栏 › 技术社区 › Stewart_R

角度材料进度微调器在线

angular-material angular

Stewart_R · 技术社区 · 7 年前

有没有可能有 Angular Material progress spinner 是否与文本和字符大小大致一致?

我想要像这样的东西:

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

微调器与“请稍候”文本对齐。

我已经看了文件和文件 examples 提供,但似乎没有一个能提供前进的方向,谷歌+搜索StackOverflow也没有找到任何结果。

1 回复 | 直到 7 年前

Poul Kruijt 7 年前

你可以使用 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;
}

here

推荐文章

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

Bitan Basak · 使垫子自动完成功能类似于Bootstrap选择

1 年前

user p · 如何修复Angular Material侧边栏的滚动问题

1 年前

K. van den Berg · 为什么我的Angular材质图标看起来与谷歌字体图标不同?

2 年前

Iteration · 列出在关闭前一个元素时不移动的CdkDrag Angular元素

2 年前

Pawan Nogariya · 是否有方法将数据或ngModel附加到材料选项卡上?

2 年前

Johannes Schacht · 如何从材质3的调色板中提取颜色

2 年前

Ben · 如何使用带有部分应用的过滤器功能的角度材质日期选择器?

2 年前

aditya rawat · 在angular is 17中使用angular材质遗留样式会产生此错误

2 年前

Kinjan Koradiya · 使用dir=“rtl”时垫滑块无法正常工作

2 年前