如何在 Angular Material Design 中的 mat-icon 按钮中设置数字

Question

我试图在 mat-icon 按钮而不是其他图标中设置数字。但就我而言，当我设置其他一些图标时，它正在工作，但当我设置数字时，它显示一个空白按钮。

我尝试解决但找不到问题所在。

应用程序组件.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>

谁能帮我解决它。

Answer 1

只需删除mat-icon：

<button mat-mini-fab>1</button>