Html 如何使用角度材质构建栅格布局菜单项

对不起，这个愚蠢的问题。我是新来的我想

就是你要找的

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
  <mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <mat-grid-list cols="2" rowHeight="2:1">
    <mat-grid-tile>
      <button mat-menu-item>
      <mat-icon>dialpad</mat-icon>
  <span>Redial</span>
  </button>
</mat-grid-tile>
<mat-grid-tile>
  <button mat-menu-item disabled>
    <mat-icon>voicemail</mat-icon>
    <span>Check voice mail</span>
  </button>
</mat-grid-tile>
<mat-grid-tile>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>Disable alerts</span>
  </button>
</mat-grid-tile>
<mat-grid-tile>
  <button mat-menu-item>
    <mat-icon>notifications_off</mat-icon>
    <span>Disable alerts</span>
  </button>
</mat-grid-tile>

更多
拨号盘
重拨
语音信箱
检查语音邮件
通知关闭
禁用警报
通知关闭
禁用警报

明白了！！它是@的答案和CSS on mat菜单自定义类中的：：ng deep声明的组合。 i、 e.：component.html

<mat-menu #menu="matMenu" class="custom-grid-menu">
    {{grid contents eg. Icons etc}}
</mat-menu>

---

然后整个事情都变得很棒。

谢谢，这离我想要实现的目标太近了。但是，在实现解决方案后，我看不到图标标签。还有，有没有办法自定义浮动菜单宽度？

::ng-deep .custom-grid-menu{
    width: 100px;
}