如何使用 Angular Material 从图标创建下拉菜单？

Question

我想单击警报图标并创建一个下拉菜单。

我已经看过这个了

这是我已经在这个演示中尝试过的

我仍然有下拉输入框，我想将其删除，因此我只能在单击之前看到图标。我希望它只是图标，当按下该图标时，它会生成下拉菜单。

我怎样才能实现这个目标？

PS：如果能在 Stackblitz 上看到它的演示就太好了:)

Answer 1

我认为您只需使用一些 CSS 即可实现您想要的效果，本质上是隐藏.mat-select-arrow-wrapper元素并调整一些填充。

我创建了一个StackBlitz 示例，您可以查看一下。