Angular 如何实现角度材质互斥的可检查菜单项？

我发现的所有示例都有带有标签或图标的按钮，标签作为菜单项。有没有一种简单的方法可以从material design的

我尝试过这样的方法，但它似乎真的很麻烦

TS

HTML

---

我创造了一个关于我如何处理这个问题的小闪电战。我基本上会使用一个，并定制一点。将整个组件封装在自定义组件中，使其在整个应用程序中可重用，您就完成了：

---

这显然是一个非常有限的设计，如果您的选项需要不同于标签的值，您必须扩展/调整它以满足您的需要，f.i.。

谢谢！我现在去看看。我编辑了我的问题，因为我让它在某种程度上起作用。

  icon1 = 'check'
  icon2 = undefined;

  onOptionClick(parameter : string) {
    if (parameter === 'option1') {
      this.icon1 = 'check';
      this.icon2 = undefined;
    }
    else {
      this.icon1 = undefined;
      this.icon2 = 'check';
    }
  }

  <button #option1 mat-menu-item (click)="onOptionClick('option1')">
    <mat-icon>{{icon1}}</mat-icon>
    <span>option1</span>
  </button>
  <button #option2 mat-menu-item (click)="onOptionClick('option2')">
    <mat-icon>{{icon2}}</mat-icon>
    <span>option2</span>
  </button>