Angular 如何在角材料设计中设置mat图标按钮中的数字

我试图在mat图标按钮中设置数字，而不是其他图标。但在我的情况下，当我设置其他图标时，它工作，但当我设置数字时，它显示一个空白按钮

我试图解决问题，但找不到问题

app.component.html

<div class="col-sm-9">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="row">
            <div class="col-sm-4">
              <button mat-mini-fab><mat-icon >1</mat-icon></button>
            </div>
            <div class="col-sm-4">
              <button mat-mini-fab><mat-icon >2</mat-icon></button>
            </div>
            <div class="col-sm-4">
              <button mat-mini-fab><mat-icon >3</mat-icon></button>
            </div>
              <div class="col-sm-4">
              <button mat-mini-fab><mat-icon >4</mat-icon></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

1.
2.
3.
4.

---

有人能帮我修一下吗。

只要拆下

垫图标即可：

1
只需移除
垫图标即可：

1
MatIcon
将用您提供的图标集中的图标替换其内容（默认情况下为材质图标），如果找不到任何图标，则不显示任何内容。例如，如果您有
home
，它将显示home图标，但如果您有
asd
，它将不显示任何内容（您可以找到列表），数字也是如此

如果您想要一个带有
1
的迷你晶圆厂按钮，只需使用
3
，无需使用mat图标，MatIcon将用您提供的图标集中的图标替换其内容（默认情况下为材质图标），如果找不到任何图标，则不显示任何内容。例如，如果您有
home
，它将显示home图标，但如果您有
asd
，它将不显示任何内容（您可以找到列表），数字也是如此

如果您想要一个带有
1
的迷你晶圆厂按钮，只需使用
3
，无需使用
mat图标